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

Posted 2023-02-22

【中文标题】在材料ui的日期选择器中更改formatDate

【英文标题】：Change formatDate in datepicker of material ui

【发布时间】：2018-03-14 13:55:02

【问题描述】：

我使用带有 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)
    />

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

【问题讨论】：

试试这个formatDate=(date) => moment(date).format('DD-MM-YYYY')。

很好！！谢谢！让它成为一个答案:)

【参考方案1】：

根据DOC：

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

签名: function(date: object) => any date: Date object to be 格式化。返回（任意）：格式化的日期。

---

接收选择的日期作为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')
/>