Question

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

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

Answer 1

根据 DOC ：

formatDate ====＆gt; 功能 ====＆gt;调用此函数进行格式化   输入字段中显示的日期，应该返回一个字符串。

签名：function（date：object）=＆gt;任何日期：日期对象   格式化。 return（any）：格式化的日期。

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

在材料ui的datepicker中更改formatDate

1 个答案: