问题标签 [react-datetime]

react-datetime包含一个打字稿定义文件，但它不起作用（对我来说）。从我所见，ts 定义文件导出的类型 ( ReactDatetime) 与实际javascript 文件( Datetime) 中的类型不同。

我继续并更改react-datetime.d.ts了类型文件以导出（我认为）是正确的类型（在gist中可用）：

并且 TypeScript 抱怨它找不到Datetime：

我想在打字和这个组件方面我必须缺少一些非常基本的东西。试图使其与原始类型文件一起工作导致无法首先导入模块，即使该react-datetime.d.ts文件是使用/// <reference path="../node_modules/react-datetime/react-datetime.d.ts" />指令引用的。

尝试使用的类的简约示例<Datetime/>：

我正在使用 react-datetime 并希望禁止任何人选择过去的日期/时间，因为这将发送过去似乎不应该发送的电子邮件。文档向我展示了如何禁用之前的日期，但是当我尝试禁用分钟时，仍然可以在日历的下拉框中手动更改它。下面的代码是大型电子邮件平台的一部分，但应该能够对这些片段有所了解。文件位于此处，您也可以在那里看到整个 repo。

理想情况下，如果有人选择过去一分钟或更长时间的日期或时间，它应该跳回当前，并且只有在当前时刻才能“发送”。任何帮助都会很棒-谢谢！

我已经尝试了上述方法，但仍然让您手动编辑:(

要渲染，我有这个：

我正在使用开箱即用的react-datetime 。

现在，我正在尝试将选定的日期保存到我的date状态中。

上面的程序有效 - 它显示一个简单的框，当有人点击它时显示一个日历。

这是handleDate方法：

它适用于我的常规 ol' react-bootstrap 组件：<FormControl type="date" onChange={this.props.handleDate} />但是当我使用 时DateTime，它说它的值是未定义的。" Schedule.js:135 Uncaught TypeError: Cannot read property 'value' of undefined"

我正在查看来自npm 站点的 API，但没有看到任何显示如何获取数据的示例。我可能读多了。

如何使用 获取所选日期的值DateTime？e.target.value似乎不适用于这种情况。

我正在使用react-dateTime选择器。react-datetime 选择器的 css 不工作。谁能告诉我为什么它看起来像。它看起来像这样。

第二个这个下面的功能正在工作，但css正在工作。

我正在使用 react-dateTime 版本“react-datetime”：“^2.8.10”，我使用的是默认值。当我单击编辑按钮时，我得到 react-dateTime 的默认值。但是当我更新数据并且我没有更改日期时间时。我想要那个默认值。当我更新数据而不更改日期时间时。我得到当前的日期时间。那么在这种情况下如何获得那个默认值。如何获取 react-DateTime 的 defaultValue？

句柄更新

我正在尝试react-datetime在我的react-on-rails应用程序上使用。为了使日期时间开箱即用，我需要导入他们 GH 页面上提到的CSS 。

在我的应用程序中，我将 CSS 复制/粘贴到我命名的文件中DateTime.css：

但它给了我这个错误：

似乎 CSS 加载器无法正常工作。我在纯反应应用程序（create-react-app）上尝试了这个并且它有效。当我在 react_on_rails 里面做的时候它坏了。

这是我的 webpack 配置 atm（标准开箱即用 react_on_rails）：

我是 webpack 的新手，不知道如何添加加载器以使其工作，如何应用DateTime.css我必须应用的文件react-datetime？

编辑：添加 css-loader（也更新了上面的 webpack）。它不再抱怨我没有正确的加载器，但 CSS 不起作用。

我正在对 npm 包使用 react-datetime 控件：单击此处。在那个时间选择器中，我应该如何设置间隔。例如，我想每 5 分钟设置一次间隔，所以首先显示 0，然后显示 5、10、15 等。我怎样才能做到这一点？

我正在使用看起来像这样但不工作：

我的代码在这里关闭日期选择器有问题。我正在使用这个npm 包

使用时，此代码日期选择器在我选择时默认打开，然后日期选择器将关闭。但我的问题是当我点击外面然后日期选择器没有关闭所以当我点击外面时我应该如何关闭这个日期选择器。

我开始使用 React-datetime 组件，我有下一个命令：

如果我选择 '2017-07-12 12:00 AM' 那么对于值我得到 1499839200000 但我希望我能得到输出：

2017-07-12 12:00:00

不使用 AM 或 PM，因此我可以将值发送到 mysql 数据库。这可能吗？如何？

还有一个问题，像 1499839200000 这样的值与日期有什么关系？

你能告诉我吗？谢谢

我将这个库用于反应时间选择器：https ://github.com/YouCanBookMe/react-datetime 但现在我有 2 个问题。

1. timepicker 中的时间 (Am, Pm, HH:mm) 不起作用，因为它没有改变，它保持到 12 : 00 AM
2. 如何正确更新状态？因为如果我处理 onChange （输入手动写入），它会收到我无法解析的字符串，并且它是无效的日期。

我的代码是：

并且在 Render() 我有compoment：

怎么了？