问题标签 [react-datetime]

我们开发了 ReactJS 应用程序并使用react-datetime来选择日期和年份。

在客户端机器（Windows XP-Firefox 52.09）中选择 YEAR 时，value(year) 减少1。如果我们使用转换为“2017-01-01”的新日期（2018-01-01）也会发生同样的事情

笔记

我的客户端在 Windows XP 上使用 Firefox 52.09（我们知道 windows xp 服务已结束，但客户端在 XP 中几乎没有 + 功能）

示例代码

请在https://codepen.io/anon/pen/gdGaNp找到示例

还附上截图

我正在尝试呈现自定义输入字段，而不是使用默认输入字段，因为我需要一些围绕我的输入的额外元素

这是我的组件，PetalkInvitationModal. 其他 2 个是我试图将它们组合在一起以呈现实际输入字段的组件示例。我最初尝试使用RenderInputField，但后来我开始构建RenderInputModalField，以便能够手动控制道具

如您所见，我尝试调用并传递所有可能的回调，但显然我遗漏了一些东西，而且我已经花了很多时间在这上面。

欢迎任何想法

[编辑] 另外，我需要提一下，我确实找到了这篇文章https://github.com/YouCanBookMe/react-datetime/issues/552#issuecomment-392226610 ，所以我知道如何Datetime在Field.

我还阅读了有关如何在组件 react-datetime内呈现自定义输入字段的文档： https ://github.com/YouCanBookMe/react-datetime#customize-the-input-appearanceDatetime

我只是太菜鸟了，无法将这两个放在一起

这是我的代码，我不能使用 npm

这是我们渲染它时的样子

我已经尝试了很多 css 文件，cdn 的一切请帮帮我

我从服务器收到以下日期：

"2018-11-21 07:00:00 UTC"

然后，我使用userTimzone变量转换它（因为我希望编辑器使用用户时区）：

dateOfAction: moment(dateOfLoss, 'YYYY-MM-DD HH:mm Z').tz(userTimzone).unix(),dateOfAction也是1542776400。那就是：Wednesday, November 21, 2018 5:00:00 AM- 到目前为止一切顺利。那是 UTC 中的 dateOfAction，带有右偏移

我react-datetime使用UTC作为日历编辑日期。执行save操作时，不触摸日期，日历输出仍然是1542783600，但我希望是1542783600- 即与开始时相同的值，在另一个方向恢复偏移量。

我怎样才能做到这一点？

我需要做什么才能启用手动日期时间输入？因为它显示为只读。但是一旦将 readOnly 设置为 false (input = {true}) 就会产生一些错误

我想使用“react-datetime”库为反应组件编写测试。该组件使用了很多矩函数，我不得不一个接一个地开玩笑。我在运行测试时总是在控制台中遇到错误，并不断将其添加到 jest.mock 函数中。我遇到了一个问题，因为我收到如下错误：

类型错误：locale.longDateFormat 不是函数

所以我将它添加到 jest mock 中：

然后我得到一个错误

TypeError：date.localeData 不是函数

添加时消失：

我不能同时添加两者，因为对象不能有相同的键......我怎样才能将这两个结合起来，这样两个错误都得到修复？或者也许有一种方法可以模拟所有时刻的功能（如 jest.mock 我目前有 20 个......）

我可能在这里遗漏了一些东西。react-datetime 有很多功能。开箱即用的时间选择器允许您使用选择器选择 HH MM AM/PM。我想摆脱 AM/PM，将小时设置为 0-23，并且我希望能够选择秒 0-59。我尝试了以下。

采摘的选择仍然是 HH MM AM/PM，这不是我所期望的。我期待一个允许我滚动并选择 0-23（小时）、0-59（分钟）、0-59（秒）的选择器。我不希望 AM/PM 在那里，因为我想从 0-23 选择几个小时。

我是否需要添加其他属性才能使其正常工作？任何想法，将不胜感激。

谢谢-安德鲁

反应：我必须在一天中选择日期范围或时间范围

有日期和时间范围，但想检查一天的日期范围或时间范围。这意味着如果您选择日期范围，则必须禁用时间选择，如果您想检查一天，我们必须通过时间范围。

我正在使用react-datetime一个反应打字稿项目。我得到 TS2769 编译错误”

以下是我的代码：

我不确定如何声明类型正确以使其编译。有什么可以帮忙的吗？

请我需要帮助。我正在使用 react-dateTime 组件，我只是想获取该组件的值，就像表单中的所有其他字段一样。但是我无法获得所选日期的值，更不用说将其存储在具有其他字段其他属性的状态中。

这是我的代码：

日期时间组件

事件处理程序

第二个 onchange 处理程序

我尝试了不同的方法，目前我收到一个错误，即 event.target 未定义，所以根本没有事件，我还尝试通过调用 event onChange 来初始化处理程序

谢谢