我的问题是关于material-ui 4、material-ui/pickers 不存在的“mask”属性的问题

Question

使用 Material-UI (mui) 将 ReactJS 项目从 v3 升级到 v4，并遵循推荐的迁移指南。作为其中的一部分，将material-ui-pickers 2.2.1 替换为@material-ui/pickers。

DatePicker 组件现在抱怨不存在的“mask”属性，该属性过去在 mui3 上运行良好。

迁移指南没有提及 Pickers。所以我想知道。现在我回滚到使用 mui 3.9 和material-ui-pickers 2.2.1。

import { DatePicker, DateTimePicker } from '@material-ui/pickers';

// later on...

return (
    <DatePicker
      name={name}
      value={value}
      clearable
      autoOk
      onChange={handleChange}
      format="DD/MM/YYYY"
      placeholder="___/___/______"
      mask={masked(value)}         // <=== The mask property
      {...other}
    />
  );

预期的行为是 DatePicker 应该像 mui v3 中一样工作，因为迁移指南中没有提到任何内容。

实际情况是组件的 mask 属性不再存在。

Answer 1

如果是自定义日期格式，您还应该更新掩码以匹配相同的日期格式。

例子：

 <MuiDateTimePicker
   inputFormat="DD/MM/yyyy HH:mm:ss"
   mask={"__/__/____ __:__:__"}   
   />