时间戳

首页 > 解决方案 > 如何防止 material-ui/pickers 中的下划线和斜线符号？

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

问题描述

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

搜索了文档，但没有发现任何有用的东西可以防止这种情况发生。

沙盒演示

标签： javascripthtmlreactjsdatepickermaterial-ui

解决方案

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

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

推荐阅读