【问题标题】:Trouble manually entering date with AirBnB's DateRangePicker使用 AirBnB 的 DateRangePicker 手动输入日期时遇到问题
【发布时间】:2019-09-13 16:02:05
【问题描述】:

我正在处理我公司代码中的一个错误,该错误使用 AirBnB React Date 的包,特别是 DateRangePicker 组件。如果用户尝试输入没有两位数字的日期(例如 9/1/19 而不是 09/01/2019),MomentJS 似乎不会将其视为有效格式。我知道 Moment 有格式字符串,但我似乎想不出如何连接到这个组件来修改它。

我尝试了提供的onDatesChange 方法,但它提供了两个 Moment 对象,因此当格式不正确时,它只会返回空值。理想情况下,我想这样做,如果用户输入日期或使用日历选择器,它会验证。我很乐意自己进行格式化(将 9/1/19 转换为 09/01/2019),但我不知道在哪里可以这样做。

【问题讨论】:

标签: reactjs momentjs react-dates


【解决方案1】:

使用DateRangePickerdisplayFormat 属性。

https://codesandbox.io/s/vibrant-mayer-ygwlr

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-11-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-12
    相关资源
    最近更新 更多