Redux-form 和 react-datepicker - 如何区分输入中的呈现值格式和实际值格式?
Redux-form and react-datepicker - how to differentiate presented value format in the input and real value format?
我用Redux Form and react-datepicker
它工作得很好,我想让它根据我的需要理想地工作。
我需要以本地化格式显示日期(比如 DD/MM/YYYY),同时以静态格式("YYYY-MM-DD")保存输入的 value
属性。
我可以添加一个具有这种值格式的隐藏输入,但如果可以使用日期选择器自定义来避免它,那就太好了!
提前感谢您的建议。
更新:
查看屏幕截图:
- 这是现在的工作方式(此处无需更改任何内容)。
- 并且值与语言环境同步。我想保留区域设置以用户的区域设置格式显示我的日期,并为后端保持格式不变("YYYY-MM-DD" 永远)。
这里是link到codesandbox。
您可以使用 state
和 moment.js 包来获得多种格式的日期。
编辑:关键是 redux 形式。 Datepicker 只是可以准确显示您需要的视图。因此,您可以做的是:更改 redux 表单字段值(或您正在使用的值),并且只有另一个状态字段(比如 'dateForDatepicker'),您将把哪个值传递给 datepicker。
好的解决方案:
我用Redux Form and react-datepicker
它工作得很好,我想让它根据我的需要理想地工作。
我需要以本地化格式显示日期(比如 DD/MM/YYYY),同时以静态格式("YYYY-MM-DD")保存输入的 value
属性。
我可以添加一个具有这种值格式的隐藏输入,但如果可以使用日期选择器自定义来避免它,那就太好了!
提前感谢您的建议。
更新: 查看屏幕截图:
- 这是现在的工作方式(此处无需更改任何内容)。
- 并且值与语言环境同步。我想保留区域设置以用户的区域设置格式显示我的日期,并为后端保持格式不变("YYYY-MM-DD" 永远)。
这里是link到codesandbox。
您可以使用 state
和 moment.js 包来获得多种格式的日期。
编辑:关键是 redux 形式。 Datepicker 只是可以准确显示您需要的视图。因此,您可以做的是:更改 redux 表单字段值(或您正在使用的值),并且只有另一个状态字段(比如 'dateForDatepicker'),您将把哪个值传递给 datepicker。
好的解决方案: