在材料ui的datepicker中更改formatDate

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 ====> function ====>调用此函数来格式化输入字段中显示的日期,并应返回一个字符串.

签名:function(date:object)=>任何日期:要格式化的日期对象.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')}
/>