使用AirBnB的DateRangePicker手动输入日期时遇到麻烦

时间:2019-09-13 16:02:05

标签: reactjs momentjs react-dates

我正在处理公司代码中的一个错误,该错误使用AirBnB React Date的程序包,特别是DateRangePicker组件。如果用户尝试输入不带两位数的日期(例如用9/1/19代替09/01/2019),则MomentJS似乎没有选择有效的格式。我知道Moment有格式字符串,但我似乎想不出如何挂接到该组件上来对其进行修改。

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

1 个答案:

答案 0 :(得分:0)

使用displayFormat的{​​{1}}道具。

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