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 属性。 我可以添加一个具有这种值格式的隐藏输入,但如果可以使用日期选择器自定义来避免它,那就太好了!

提前感谢您的建议。

更新: 查看屏幕截图:

  1. 这是现在的工作方式(此处无需更改任何内容)。

  1. 并且值与语言环境同步。我想保留区域设置以用户的区域设置格式显示我的日期,并为后端保持格式不变("YYYY-MM-DD" 永远)。

这里是link到codesandbox

您可以使用 statemoment.js 包来获得多种格式的日期。

编辑:关键是 redux 形式。 Datepicker 只是可以准确显示您需要的视图。因此,您可以做的是:更改 redux 表单字段值(或您正在使用的值),并且只有另一个状态字段(比如 'dateForDatepicker'),您将把哪个值传递给 datepicker。

好的解决方案: