问题标签 [react-datetime]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
51 浏览

reactjs - 如何使用 react-datetime 选择器仅将日期传递给数据库(不传递时间)

如何使用 react-datetime 选择器仅将日期传递给数据库(不传递时间)。

目前在我的代码中,它将像这样 (2021-09-07T18:30:00.000Z) 将日期和时间传递给后端。

我只想传递像(2021-09-07)这样的日期而没有时间。使用反应日期时间选择器

请帮我!

0 投票
1 回答
45 浏览

reactjs - react-datetime:如何从按钮将时间设置为 now()

我正在使用反应日期时间

在此处输入图像描述

我希望用户使用按钮轻松将时间设置为当前时间Immediate。而不是手动选择当前时间。

我正在尝试以下

要使用Immediate我正在使用的按钮值value={currentDateTime}。但是这不允许我使用选定的值

这个怎么做。当我new Date()按下Immediate按钮时有价值。并selected在我选择日期时间时具有价值

0 投票
1 回答
76 浏览

react-hook-form - react-hook-form 和 react-datetime:如何从按钮将时间设置为 moment()

我在react-hook-form中使用react-datetime

在此处输入图像描述

我希望用户使用按钮轻松将时间设置为当前时间Immediate。而不是手动选择当前时间。

我正在尝试以下

问题是 onSubmit 我得到的 react-hook-formresetDateTime = undefined

如何正确实施。所以我可以使用Immediate按钮并提交表单并获取resetDateTime

0 投票
0 回答
22 浏览

react-hook-form - react-hook-form 和 react-datetime:如何使用 utc 时区获取 isoString 格式的日期时间

我有以下react-hook-form组件并使用react-datetime组件。该值是一个矩对象。我想要一个iso格式的字符串,例如:2021-11-03T18:30:00.000Z

https://codesandbox.io/s/nervous-johnson-v307e

0 投票
1 回答
41 浏览

react-hook-form - Reactjs:如何创建时间选择器

我正在为日期时间选择器使用 react-datetime

但现在我只寻找时间选择器

目前我将其用作:

但是我怎样才能只显示时间选择器

我目前正在使用以下

https://codesandbox.io/s/relaxed-varahamihira-mo576

0 投票
0 回答
50 浏览

react-hook-form - react-hook-form:如何从本地时区的 react-datetime 获取 UTC 时区格式的日期 hh:mm:ss

我有以下代码

timevar在本地时区

我想获得timevaras的值,hh:mm:ss这将是一个 UTC 时区转换值

我怎样才能做到这一点。有什么办法可以在组件本身中完成,还是必须在 onSubmit 函数中完成

在屏幕截图中显示我想要的

在此处输入图像描述

密码箱

0 投票
1 回答
102 浏览

javascript - react-datetime - 无法编辑日期或时间

当单击输入框并输入有效内容时,输入将被清除,或者一些随机日期和时间将分配给此输入。

它允许我用鼠标选择日期或时间。无论何时输入,输入都会清除或分配随机值。

当尝试使用“defaultValue”而不是“value”时,这将允许输入日期或时间,但它不会出现我通过我的反应状态传递的“日期”值。

图片参考

日期选择器

  • react-datetime 版本 -> "react-datetime": "^2.16.3",
0 投票
1 回答
23 浏览

reactjs - react-datetime formik 验证

我在我的 react-bootstrap 表单中使用react-datetime组件。Formik with Yup 用于验证。

验证userIduserName正常工作。但我无法让验证工作userDOB。我也试过yup.date(),但它不起作用。react-datetime使用moment.js. 那么,架构使用什么类型以及如何使验证对该组件起作用。

任何帮助,将不胜感激。

谢谢