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

小编典典

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

reactjs

我使用具有redux形式的material-ui
datepicker组件。我在这里有一个小问题，看起来很棒。当我更改日期时，它在我的输入字段中显示为yyyy-mm-dd。我想更改它以显示为dd-mm-
yyyy。日期选择器具有一个名为formatDate的属性，该属性将函数作为输入。所以我写道：

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

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

阅读 288

2020-07-22

共1个答案

小编典典

根据 DOC ：

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

签名：function（date：object）=>任何日期：要格式化的日期对象。返回（任意）：格式化日期。

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

2020-07-22