Redux-form和react-datepicker-如何区分输入值和实际值格式的显示值格式？

Question

我使用Redux Form和react-datepicker 它的效果非常好，我希望根据自己的需求使其达到理想的效果。 我需要以本地化格式（例如DD / MM / YYYY）显示日期，同时以静态格式（“ YYYY-MM-DD”）保存输入的value属性。 我可以添加具有这种值格式的隐藏输入，但是如果可以使用datepicker定制避免它，那就太好了！

谢谢您的建议。

UPD： 看看屏幕截图：

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

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

这是指向codesandbox的链接。

Answer 1

您可以使用 <div id="info"> <a href="#" id="getPosition" class="btn btn-link" @click="getLocation">Get Position</a> <ul> </ul> </div> 和moment.js包以多种格式显示日期。

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

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