javascript - 在 Material ui的日期选择器中更改格式日期

标签 javascript reactjs date datepicker material-ui

我使用具有 redux 形式的 material-ui datepicker 组件。我在这里遇到了一个小问题,这看起来很神奇。当我更改日期时,它在我的输入字段中显示为 yyyy-mm-dd。我想更改它以显示为 dd-mm-yyyy。日期选择器有一个名为 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 - 在 Material ui的日期选择器中更改格式日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46543391/

相关文章:

javascript - 使用 apply 将参数数组传递给函数时包含事件

javascript - d3 时间轴的限制缩放级别

javascript - 使用 React 在同一签名 URL 处使用新图像刷新图像

javascript - react Hook 陈旧状态

SQL查询以查找日期之间差异的平均值

javascript - 显示带条件的 Bootstrap 警报 (Vue.js) : how can I access this variable in order to change its value?

javascript - 从特定的 javascript 对象属性中提取值

javascript - React-router服务端渲染和ajax取数据

javascript 日期验证不适用于今天的日期

sql - SQL 中根据结束时间与开始时间的匹配来组合顺序事件的最佳方法是什么?