问题标签 [react-datetime]

我有一个带有子表单组件的多步骤表单。在其中一个组件上，我正在尝试实现YouCanBookMe DatePicker。

现在，当我尝试像使用其他常规文本输入一样更新 datepicker 值的状态时，状态不会更新。如果我输入日期，状态会更新，但当我从选择器中实际选择日期时不会更新。我真的不知道为什么。你们中的任何人都可以指出为什么没有吗？

非常感谢您的帮助。我是 React 的新手，我已经尝试了 3 个不同的 Datepicker 库，但我正在慢慢发疯，因为似乎没有一个有效，或者我无法将其转换为父子结构。谢谢！

家长：

子组件：

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

我正在开发一个 reactjs 应用程序，我想为我的应用程序设置时区。我正在使用 react-datetime 包进行日期和时间选择。

我的要求是，我的应用程序需要与用户选择的时区一起使用。例如，在我的个人资料中，我设置了 America/losangels 时区，但我在印度。所以日期选择器需要显示/给美国/洛杉矶日期和时间，但我得到的是 IST 日期和时间。

是否可以更改 react-datetime 选择器时区？

我正在尝试使用 className 将 border-radius: 5px 添加到 React-datetime 组件但不起作用。

例如：

我知道 react-datetime 模块提供了单独的 css 样式。但我担心的是为什么当我使用 className 时它不接受。

让我们从一个例子开始： https ://codesandbox.io/s/ym96l09x3j

如您所见，最后一列正在渲染一个 DateTime 组件。但是，单击输入不会显示日期选择器。

那是因为.ReactTable .rt-td该类应用了“溢出：隐藏”样式。

我已经搜索了一些解决方案并找到了这个：CSS：如何在一个位置中有位置：绝对 div：相对 div 不会被溢出裁剪：隐藏在容器上

他们基本上说如果祖父母有“溢出：隐藏”，我们需要将孩子的位置设置为绝对。应该正确显示具有绝对位置的孙子（在我们的例子中为 DatePicker）。

有没有人知道如何实现这一目标？

我正在使用反应日期时间。当第一次选择它返回的未定义值时，如果我第二次选择日期，它的返回日期是我上次选择的。任何人都可以为我解决这个问题。提前致谢。

这是我的代码：

使用开箱即用的反应日期时间。它完美呈现并很好地传递数据。

问题是虽然我可以选择日期，但时间输入无法正常工作。

如您所知，它是用于更改小时、分钟或上午/下午的向上/向下箭头输入。问题是当我尝试更改它们时，这些值会恢复为默认的“12:00 AM”。

一些代码：

我还参考了文档推荐的样式。

有什么线索吗？？

我使用反应日期时间

所以当我选择任何日期和时间时，我会得到像value: "2018-05-01 12:00". 但是input需要格式才能显示type="datetime-local"。yyyy-MM-ddThh:mm

有没有办法以正确的方式格式化日期？

我尝试使用的UPDmoment

但在这种情况下，我不能选择任何时间，日期可以。

我正在构建一个允许用户选择日期和时间的模式。我正在使用react-datetime 组件。

这是我的代码：

还有我的造型：

每次打开模式时，日历都会锁定在左侧。如果我选择时间选择器，它就会堆积起来。

在当前渲染下方（检查堆叠的时间选择器并全部左对齐）：

我需要选择器以父母为中心以及房屋选择器正常运行（小时和分钟除外）。

我正在创建使用日历并尝试了几个 react-date 时间选择器的应用程序，例如 react-jqueryui-datepicker 、 react-date-picker-cs 问题是那些库使用不同的旧反应版本并且它们给出反应旧版本错误，我的应用程序是从 react creat-app 骨架创建的，我可以尝试解决这个问题的选项是什么