在材质 ui 的日期选择器中更改 formatDate

IT技术 javascript reactjs date datepicker material-ui
2021-04-25 22:01:27

我使用带有 redux 形式的 material-ui datepicker 组件。我这里有一个小问题,这看起来很神奇。当我更改日期时,它在我的输入字段中显示为 yyyy-mm-dd。我想改变它以显示为 dd-mm-yyyy。datepicker 有一个名为 formatDate 的属性,它接受一个函数作为输入。所以我写道:

<Field
      name="dateFrom"
      component={DatePicker}
      hintText="Ημερομηνία από"
      autoOk
      formatDate={() => moment().format(DD-MM-YYYY)}
    />

但它似乎不起作用。你有什么想法?

1个回答

根据DOC

formatDate ====>函数 ====> 调用此函数来格式化输入字段中显示的日期,并应返回一个字符串。

签名:函数(日期:对象)=> 任何日期:要格式化的日期对象。返回(任何):格式化的日期。


接收所选日期作为 formatDate 函数的参数,更改日期格式并将格式化程序值作为字符串返回。

另一个变化是:

format(DD-MM-YYYY)

DD-MM-YYYY 应该是这样的字符串:

format('DD-MM-YYYY')

像这样写:

<Field
      name="dateFrom"
      component={DatePicker}
      hintText="Ημερομηνία από"
      autoOk
      formatDate={(date) => moment(date).format('DD-MM-YYYY')}
/>