问题标签 [react-datepicker]

当使用带有Moment.js的 React Datepicker 库来操作日期时，可以排除给定的日期，如下所示并在 React Datepicker文档中进行了描述；

如何从给定日期排除未来日期？

我知道还有其他包可以帮助选择多个日期。但是有什么方法可以只使用 react-datepicker 来做到这一点吗？

我在我的应用程序中使用这个库：

https://reactdatepicker.com/

我可以使用一个 excludeDates 道具，我可以在其中传递一个日期列表，也就是这将排除今天和昨天：

不过，我宁愿有一种更好的方法，而不是将数百个日期传递到该数组中。

谢谢！

我有一个正在运行的单元测试，但现在我向我的react-datepicker, 调用添加了一个新包，react-text-mask我试图模拟它，但是当我运行时它收到以下消息npm run test：

TypeError：无法读取 null 的属性“selectionEnd”

在 Object.update (node_modules/react-text-mask/dist/reactTextMask.js:1:9205)

在 t.value (node_modules/react-text-mask/dist/reactTextMask.js:1:2431)

在 t.value (node_modules/react-text-mask/dist/reactTextMask.js:1:2490)

在 commitLifeCycles (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6427:22)

在 commitAllLifeCycles (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7516:7)

我react-datepicker的react-text-mask：

我的单元测试：

我试图覆盖 react-datepicker-popper 的 margin-top 样式：

所以在我的 main.scss 文件中我正在写

但它似乎不起作用。任何想法为什么？

如果我使用多个日期选择器实例，我在更新 react-datepicker 上的日期时遇到问题。

日期选择器组件：

在更改处理程序上：

如果我只使用一个实例，这似乎可以正常工作，但是当我添加多个实例时，我必须为每个新创建的日期选择器组件创建单独的 onchange 处理程序。我正在寻找的是一种只编写一个 onchange 处理函数并在同一函数中为多个 datepicker 实例处理更改事件的方法。

如何在反应日期选择器中禁用过去几年的下拉列表？问题是当我们单击下拉列表时，它显示过去几年以及未来一年。我想显示当前和未来几年在此处输入图像描述

我在 react-datepicker 上遇到了一个奇怪的问题。我已经让我的 datepicker 与 redux 表单兼容，代码在这里：

filterDate 函数显示为启用包含在数组中的日期，她的实现是这样的：

其中 days 是一个格式为 ['2018-09-09'] 的数组。此日期选择器将显示此数组中包含的日期。单击后 tw0 或 3 秒后出现的日期选择器出现问题。为什么会这样？是否有其他人面临相同或相对的问题？与filterDates有关吗？谢谢！

我正在尝试单击图标打开react-datepicker 。为此，我正在使用customInput参数。react-datepicker在单击图标时打开，但onChange处理程序未获取所选日期。这是我的代码：

这是handleDateChange函数

我正在获取undefined控制台日志。

当我删除该customInput参数时，日期会按预期打印在控制台中。

我使用 React 建立了一个网站。我在模态中有一个日期选择器。问题是当我点击日期时，日期选择器的布局被破坏了。有没有办法解决这个问题？