问题标签 [react-datepicker]

我正在使用反应日期选择器。

现有样式有：

我想将日期选择器拉伸到容器的整个宽度。现在，宽度被硬编码为 147px。另外，我想调整日期选择器的 z-index。我尝试了各种 CSS 选项，但无法正常工作。有谁知道确切的 CSS 来固定父容器的宽度？谢谢。

我正在使用react-datepicker我们的日历控件。现在的问题是，如果用户输入了一个无效的日期，比如“djfdjfhjkhdf”，那么在这个控件中没有什么可以验证的。所以我决定编写自己的验证函数，如果日期无效，则在模糊事件上调用它，然后清除用户输入的文本。我的代码是这样的：

validateDate是一个将返回的函数，true或者false，如果日期有效则true返回false。我怎样才能达到这个要求，你能帮我吗？

我正在使用 react-datepicker 但由于某种原因，我们不想在下拉列表中显示月份和年份。

有没有其他方法可以显示月份和年份？

如何使 react-datepicker 与 redux-form 绑定？

我有这个 redux-form 字段：

每当我提交 redux 表单时，都会返回一个不绑定 datepicker 值的空对象......

我的 onChange ：

我正在使用 react-datepicker 突出显示日期范围。我想突出显示某个日期之后的每个日期。它正在使用时刻作为日期。我目前已经尝试过了。

有谁知道如何在某个永远持续的某个日期之后获得日期的持续时间？

我有一个使用 react-date-picker 作为日期组件的 redux 表单，现在在编辑模式下打开表单时，在某些情况下日期字段没有值或者它有一个空白（“”）值。现在在这种情况下，如果我的 react-date-picker 组件找不到任何合适的值来解析它在组件上显示“无效日期”，我尝试传递 null，或者通过设置检查是否没有任何日期或是否它是空白未定义或空值，我用谷歌搜索了很多，但没有找到任何合适的答案。我的代码看起来像这样

我的 redux 表单中的自定义日期选择器组件：

我的日期选择器组件如下所示：

我使用两个单独的组件进行编辑和创建。任何帮助都将是可观的。

我有一个来自 UX 设计师的任务，即创建一个显示多个月 + 时间的日期选择器。

在我们的项目中，我们目前正在使用 react-datepicker 库来管理我们的日期选择器。

这是我们项目中使用的 react 组件： https ://hacker0x01.github.io/react-datepicker/

react-datepicker 支持多个月份和时间。

图书馆本身将时间放在日历的右侧。然而，用户体验设计师希望时间处于最底层。

有没有一种正确的方法可以做到这一点而不会弄乱日期选择器库本身？我知道弄乱图书馆本身是一个很大的禁忌，但我有什么选择？

有没有解决的办法？

如果没有，我可能不得不与 UX 设计师重新谈判。

我对 UTC 时间有疑问。我有个约会

2017 年 11 月 23 日星期四 00:00:00 GMT+0700 (ICT)

现在想转换为

格林威治标准时间 2017 年 11 月 23 日 17:00:00

但结果是转换后

格林威治标准时间 2017 年 11 月 22 日 17:00:00

这是我的代码：

我使用 react-datepicker 和 momentjs

感谢大家的任何帮助

我正在尝试在react-datepicker组件中实现限制或验证。我正在使用 redux-form 进行验证和规范化（实现限制）

https://redux-form.com/6.0.0-rc.1/examples/normalizing/

问题：我观察到，当我们尝试在字段中输入内容时，不会调用 redux-form 的规范化函数和验证函数

虽然我们提交表单时未提交此值，但我需要显示一些验证错误或限制用户输入无效字符。

我为日期选择器组件制作了一个包装器，并通过 redux 字段在我的表单中使用它

我的日期选择器组件：-

redux 表单字段：-

我的标准化功能：-

我使用了来自react-date-picker. 我需要在单击一次按钮时禁用整个日期控件和按钮本身。该按钮确实被禁用，但DatePicker组件没有。我尝试了以下但没有奏效。有正确的方法吗？