【问题标题】: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')

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-10-23
    • 2020-08-22
    • 2019-03-28
    • 2022-07-23
    • 2018-04-01
    • 1970-01-01
    • 2021-03-27
    • 1970-01-01
    相关资源
    最近更新 更多