reactjs - Redux-form 和 react-datepicker - 如何区分输入和实际值格式中的呈现值格式？

Question

我使用Redux Form和react-datepicker 效果很好，我想根据我的需要让它完美地工作。我需要以本地化格式（比如说 DD/MM/YYYY）显示日期，同时value以静态格式（“YYYY-MM-DD”）保存输入的属性。我可以添加具有这种值格式的隐藏输入，但如果可以使用 datepicker 自定义来避免它，那就太好了！

提前感谢您的建议。

UPD：看一下截图：

1. 这就是它现在的工作方式（此处无需更改）。

2. 并且值与语言环境同步。我想保持语言环境以语言环境格式为用户显示我的日期，并为后端保持格式不变（“YYYY-MM-DD”永远）。

这是codeandbox的链接。

Answer 1

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

编辑：关键是 redux 形式。Datepicker 只是可以准确显示您需要的视图。因此，您可以做的是：更改 redux 表单字段值（或您正在使用的值），然后只使用另一个状态字段（假设为“dateForDatepicker”），您将传递给 datepicker 的值。

好的解决方案：https ://stackoverflow.com/a/42726079/7479959