问题标签 [react-datepicker]

在React Datepicker包装上，当使用这样的组件时：

我收到以下错误消息：

我似乎无法找到解决此问题的方法。有没有其他人遇到过这个？

就版本而言，来自 package.json：

我在项目中使用插件react-datepicker和 Bootstrap 3。

我网站上的日期选择器比插件提供的演示小。它似乎只是缩小了。据我所知，宽度/高度是在运行时计算的。由于 Bootstrap，发生了较小的计算大小。当我删除 BS .css 文件时，大小还可以。

• 为什么是这样？
• 我该如何解决？
• 推荐一个更可定制的日期选择器插件？

我有一个包装 React 组件，它返回一个 DatePicker：

最终它会更复杂，但现在它只返回 DatePicker。问题是，当我尝试使用此组件时，会按预期显示预填充的日期字段，但是当我单击该字段时，日历弹出框不会打开。我需要做什么才能打开日历弹出框？如何解决此问题？

我正在尝试将自定义输入传递给react-redux-formControl 组件，并在提交时将新输入的值与标准输入中的值一起传递。

我在这里有一个关于这个问题的 codepen 示例。

日期选择器：

形式：

如果有人能看到缺少的东西，那将是一个很大的帮助。“名称”已通过，我可以在提交时在控制台中看到它，但“开始日期”不是:(

嗨，我对 Reactjs 很陌生。我没有设置 webpack 和 babel，而是使用 React cdn 引用执行示例。我还想使用 react-datepicker 组件，当我通过 cdn 包含这个组件时，它会出现一些错误，伙计们帮我解决这个问题并制作这行得通

我在控制台中遇到的错误是

我正在使用 Moment.js 和 react-datepicker。它在将日期转换为 ISO-8601 方面按预期工作，但我无法使其符合时间。

这是我的组件：

最初声明：

组件本身：

和 onchange 触发器：

我认为我的问题是 dateFormat；DD-MMM 很容易通过调用 ECMAScript 函数转换为 ISO-8601，toISOString()然后再发布到一些后端服务。但是我怎样才能有时间去做呢？

用户（我自己，测试）可以在日期选择器本身上获得时间，但它不会在该州注册。简单地说，它只会选择当前时间，或 1 周前的当前时间（根据从/到初始状态的时刻）。日期，我也可以更改，但时间保持不变（当前时间）。

如何更改 dateFormat 以便花费用户输入的时间？如何在dateFormat属性中使其默认符合 ISO 8601 标准？

编辑：我刚刚测试了设置“from”以减去 5 分钟：

当我发布它时，它的格式正确。似乎很奇怪。那么它必须与onChange函数有关吗？

那么基本上我如何添加一个css类？我已经尝试过了，但它不起作用：

谢谢，埃德。（顺便说一下，它是用webpack编译的。）

我怎样才能让ReactJS Datepicker只显示从本月开始的日期（没有回溯日期）。

我有以下反应组件：

该组件显示在反应路由器使用的链接下。在我的 App.js 中：

当我访问时http://localhost:3000/myForm，日期选择器组件显示为文本框，没有动画，没有日期选择器显示，什么都没有。

然后，我尝试只使用<DatePicker>内部 App.js 并像示例中一样工作：

现在，我在 处看到了两个组件http://localhost:3000/myForm，不同之处在于选择器MyForm仍然无法弹出，但其中的选择器会弹出App。

图片显示这些结果。

这里：日期选择器不会弹出。它在MyForm组件内部：

现在使用我在 App.js 中添加的日期选择器：

如何设置最大或最小日期？例如，我想将我的 daypicker 限制为仅在过去 2 个月（最小日期）到今天（最大日期）。所以用户不能选择明天的日期。谢谢

http://react-day-picker.js.org/docs/