如何防止 material-ui/pickers 中的下划线和斜线符号？

Question

版本 mui 版本 4 的材料 ui 选择器显示下划线和斜线字符以分隔日、月、年。 有没有办法去除这些？

<KeyboardDatePicker
   margin="normal"
   id="date-picker-dialog"
   label="Date picker dialog"
   format="MM/dd/yyyy"
   value={selectedDate}
   onChange={handleDateChange}
   KeyboardButtonProps={{
   "aria-label": "change date",
     disableUnderline: true
   }}
   InputProps={{
     disableUnderline: true
   }}
/>

搜索了文档，但没有找到任何有用的东西来阻止这种情况。

沙盒演示

Answer 1

<KeyboardDatePicker
   margin="normal"
   id="date-picker-dialog"
   label="Date picker dialog"
   format="MMddyyyy"
   value={selectedDate}
   onChange={handleDateChange}
   maskChar=" "
/>

添加maskChar属性将解决您的问题