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

时间:2017-05-25 13:16:52

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

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

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

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

这是一个小小的&#39;有点改变,由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

非常感谢你!

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

我认为

最好使用矩库http://momentjs.com/代替子字符串 允许将日期时间值格式化为您可以想象的任何格式 时刻(结果).format('YYYY-MM-DD')