如何在 React 中禁用 Material UI 的日期选择器的下划线？

Question

如何禁用在 material-ui-pickers 中显示下划线？

沙盒 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}
/>

Answer 1

material-ui date-picker 是一个来自基础的文本字段，您可以简单地使用 input-props 删除下划线

（DatePicker、TimePicker 和 DateTimePicker 都会这样工作）

<DatePicker
  value={selectedDate}
  InputProps={{
   disableUnderline: true,
  }}
  onChange={this.handleDateChange}
/> 

从here找到示例

希望对你有帮助