如何在 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}
/> 

从这里

找到示例

希望这对你有帮助

Answer 2

Ответ не сработает в последних версиях mui на момент ответа Решение ниже

<DatePicker
   slotProps={{
     textField: {
         variant: 'standard',
         InputProps: {
           disableUnderline: true
         },
     },
   }}
 />