我如何用redux-form格式化react-day-picker的初始化DayPickerInput

时间:2018-07-27 23:50:08

标签: reactjs redux react-redux redux-form react-day-picker

我正在尝试通过reduxForm选项的initialValues格式化来自服务器的表单的日期值,但是DayPickerInput的格式未按预期更改。

我在客户端上花了点时间,所以我从example开始。

我已经在意大利语语言环境中设置了格式,如下所示:

<DayPickerInput
    format="DD/MM/YYYY"
    formatDate={formatDate}
    parseDate={parseDate}
    dayPickerProps={{
        locale: 'it',
        localeUtils: MomentLocaleUtils
    }}
    inputProps={{ ...input }}
    value={input.value}
    onDayChange={input.onChange}
/>

因此,当我使用例如2018-07-27T00:00:00.000Z初始化输入值时,我希望它以如下格式格式化输入:27/07/2018

相反,它以默认格式输入:2018-7-27

这是我的误解还是react-day-picker问题?

因为这可能有点复杂,所以我只写了很少的example on codesandbox (click here)

0 个答案:

没有答案