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

【问题标题】：Change formatDate in datepicker of material ui在材料ui的日期选择器中更改formatDate
【发布时间】：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')}。
很好！！谢谢！让它成为一个答案:)

标签： javascript reactjs date datepicker material-ui

【解决方案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')}
/>

【讨论】：