使用 Material-UI 反应日期选择器答案

【问题标题】：React date picker with Material-UI使用 Material-UI 反应日期选择器
【发布时间】：2017-10-26 04:02:27
【问题描述】：

我正在使用 Material UI 中的日期选择器。负责它的代码如下：

import { DatePicker } from 'redux-form-material-ui';

          <Field
            name="birthDate"
            component={DatePicker}
            placeholder="Birth Date"
            container="inline"
            format={ null }
          />

erikras 对 redux 表单做了一点改动，但与普通材质 ui 日期选择器非常相似。

http://www.material-ui.com/#/components/date-picker

我的目标是

我将其值作为 API 请求发送，但不幸 API 仅接受 YYYY-MM-DD 格式的日期。而 MaterialUI 日期选择器给出了

2017-05-04T22:00:00.000Z 格式。如何将其更改为 2017-05-04？

非常感谢！

【问题讨论】：

日期以 Date 对象的形式给出。像任何其他日期一样操作它，例如使用 moment.js
@IngoBürk 我已经修好了。谢谢:)
我个人更喜欢moment js包这个。超级简单，您可以将其转换为您想要的任何格式。

标签： javascript date reactjs material-ui redux-form

【解决方案1】：

我还没有深入尝试过库本身，但是如果它以那种格式返回那个日期，你可以从中获取你需要的东西，如果它是一个字符串，你可以使用 substring() 方法并给它所需的部分开始和结尾。让我们说

result = 2017-05-04T22:00:00.000Z;
var stringNeeded = result.substring(0,10)

【讨论】：

谢谢老兄，但我认为这个解决方案不是很好，似乎有点硬编码。我认为这个 substring 甚至 slice 方法有时会产生一些意想不到的结果。
另一种选择是使用日期库优化来正常处理这些事件我会用momentjs处理我的日期我完全推荐你使用它。

【解决方案2】：

我认为，最好使用 moment lib http://momentjs.com/ 而不是子字符串它允许将日期时间值格式化为您可以想象的任何格式 moment(result).format('YYYY-MM-DD')

【讨论】：