如何在React中禁用Material UI的datepicker下划线?

Jun*_*tae 11 reactjs material-design material-ui

如何禁用显示下划线到素材选择器?

沙箱 https://codesandbox.io/s/l2ykr7kwvz?from-embed

我想删除它的下划线TextField.

我试过了

disableUnderline={true}

underlineStyle={{display: 'non'}}

showingUnderline={false}

但没有任何作用,我怎么能隐藏下划线?

<DatePicker
    underlineStyle={{display: 'none'}}
    value={selectedDate}
    onChange={this.handleDateChange}
    animateYearScrolling={false}
/>
Run Code Online (Sandbox Code Playgroud)

Nad*_*dun 19

material-ui date-picker是一个来自基础的文本字段,你可以简单地使用输入道具删除下划线

(DatePicker,TimePicker和DateTimePicker都将以这种方式工作)

<DatePicker
  value={selectedDate}
  InputProps={{
   disableUnderline: true,
  }}
  onChange={this.handleDateChange}
/> 
Run Code Online (Sandbox Code Playgroud)

这里找到例子

希望对你有帮助

  • 不仅仅是`DatePicker`,甚至它也适用于`TextField`。@Nadun 和@Juntae,非常感谢您的提问和回答。 (2认同)