编程语言
首页 > 编程语言> > javascript – 在材料ui的datepicker中更改formatDate

javascript – 在材料ui的datepicker中更改formatDate

作者:互联网

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

但它似乎没有用.你有什么想法?

解决方法:

按照DOC

formatDate ====> function ====> This function is called to format
the date displayed in the input field, and should return a string.

Signature: function(date: object) => any date: Date object to be
formatted. returns (any): The formatted date.

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

标签:javascript,date,reactjs,datepicker,material-ui
来源: https://codeday.me/bug/20190611/1216840.html