问题标签 [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 投票
1 回答
441 浏览

javascript - 从 React Datetime 中的日期数组中获取特定日期

有谁知道我如何将一组日期传递给 react-datetime?我正在尝试实现一个日期选择器,它可以显示我所在州的“预订”日期,但目前我只设法禁用当前日期之前的所有日期。那么如何将我所在州的日期传递给<Datetime/>,以禁用它们?

0 投票
1 回答
64 浏览

css - 隐藏在 Accordion bootstrap 后面的 react-datetime

如您所见,我有 Accordion 引导程序,在这些卡片主体中,我使用 react-datetime 获取日期时间输入,但它隐藏在其他卡片标题后面我可以在其 CSS 中做些什么来改变这种情况或什么是最好的包获取日期时间???提前致谢

在此处输入图像描述

0 投票
1 回答
227 浏览

javascript - 反应日期时间;我正在使用二合一组件,我如何分辨哪个是哪个?

这是一个关于 react-datetime 的奇怪问题:为什么回调不允许返回“名称”?

我在日历调度程序上使用 Daytime 两次作为“开始”和“结束”时间。但我想使用单个“onChange”事件来更新状态。问题是:Datetime onChange 只返回时间,它不返回名称或 ID 或任何方式让我识别哪个 Datetime组件正在发送 onChange。

这是渲染()代码:

这是我要使用的逻辑:

但是“e”只包含日期对象。看来 Datetime 不支持“名称”返回?

我很困惑,这似乎是一个明显的失误。我如何区分这些?我需要为每个函数编写单独的函数吗?

考虑这样做:

但这似乎是不必要的代码。

0 投票
1 回答
347 浏览

reactjs - 在 ReactJS 中显示人类可读的日期时间格式

我有反应组件,我使用 useMemo 来定义表结构。我的数据来自 DateTime 中的 API(Web API C#)。我尝试使用 moment 转换日期时间格式但无法这样做。

没有时刻的当前时间格式 2020-12-18T14:00:00

..桌子

0 投票
0 回答
126 浏览

css - 根据可用空间在网格/表格中反应日期时间选择器弹出自动定位

我有一个要求,网格有几个日期选择器。我也使用了 React 中的 DateTime。

我的要求就像日期选择器应该自动定位

就像下面没有空间一样,它应该弹出顶部,默认情况下弹出底部。

编辑 React 模板(分叉)

如果浏览器中没有空间,需要一些关于如何在文本框上方打开弹出窗口的建议。

当前日期选择器看起来像, 在此处输入图像描述

如果文本框的位置超过窗口高度的 75%,则期望如下 在此处输入图像描述

0 投票
1 回答
1331 浏览

javascript - 如何设置开始日期和结束日期之间的验证应在 3 年内选择

我是 React JS 新手,如何在 React JS 中实现两个日期字段之间的验证。

例如:结束日期应该只允许根据开始日期在 3 年内选择。

0 投票
1 回答
39 浏览

react-datetime - 使用 react-datetime 在键盘输入中按 ENTER 时如何关闭日历

我正在使用“react-datetime”的日期时间,并且想在我按输入时关闭日历。这个怎么做?

0 投票
1 回答
86 浏览

reactjs - 使用formik时如何将onChange添加到react-datetime?

我正在尝试添加onChangeformik.handleChange()react-datetime但它不起作用。收到错误。没有 onChange() 它将起作用。但是当有 onChange() 时它将不起作用。

没有formik,它可以工作。但我也需要补充formik

0 投票
1 回答
73 浏览

reactjs - react-datetime 下拉列表缺少样式(css)

我正在制作一个日历应用程序,每当有人单击输入字段时,它应该显示为下拉菜单,并且在该下拉菜单中它应该让我选择字段。下拉菜单中缺少样式。

这是它应该出现的样子: 在此处输入图像描述

这是它现在的样子:

在此处输入图像描述

这是我有日历的代码:

0 投票
0 回答
29 浏览

reactjs - 如何修改 react-datetime 的输出

我使用 react-datetime 只选择一年。我使 dateFormat='YYYY'。当我打开日历时,它只显示年份,但当我选择一个时,它会输出年份 + 时间(12 小时格式)。有没有办法只输出选定的年份?

在此处输入图像描述