问题标签 [react-datepicker]

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 回答
1895 浏览

javascript - 反应日期与momentjs的日期差异

您好,我想显示从带有 momentjs 的 react-dates 获得的 2 个日期之间的差异。日期正在显示,但 const Diff 显示 NaN。我已经根据 momentjs 的文档https://momentjs.com/docs/#/displaying/difference/完成了所有工作

0 投票
1 回答
2043 浏览

reactjs - 如何在 ReactJs 的 React Date Picker 中禁用当前日期(今天)?

我已经尝试了从React Datepicker禁用当前日期的可能方法。

下面是我的代码。

如果有人禁用帮助我。

0 投票
3 回答
3098 浏览

reactjs - 将 react-datepicker 与 redux-form 一起使用?

我正在尝试将 redux-form 与 react-datepicker 一起使用,但不断收到以下错误:

我的代码设置如下:

我似乎无法绕过这个警告,除了我已经做过的事情之外,我还没有在网上找到太多东西。

0 投票
8 回答
5255 浏览

javascript - 使用 react-date-picker 时在移动设备上隐藏本机键盘

我正在使用 react-date-picker,但在移动设备上,单击时会显示本机键盘,导致日期选择器在顶部打开,这看起来不太好。在线解决方案是将只读属性放在日期选择器绑定的输入字段上。但是 read-date-picker 组件不会让我通过那个道具......

有什么好的解决方案吗?

0 投票
1 回答
77 浏览

watir - 我怎样才能找到与反应 datepicker 容器中关联的 WATIR 的 td 类元素?

虽然,我可以使用 xpath 找到它,但它仅适用于特定日期,我认为这不是一个有效的解决方案,因为每次运行我的脚本时我都必须更改 xpath。

瓦提尔脚本:@current_page.element(:xpath, '//*[@id="searchForm"]/div[1]/div[2]/div/div/div[2]/div/div/div[2]/div[2]/div/div[3]/div/table/tbody/tr[4]/td[2]').click

以下是日期选择器的 HTML 代码:

0 投票
1 回答
1700 浏览

javascript - react-datepicker“无法阻止被动事件侦听器调用中的默认值”

我正在使用门户模式实现react-datepicker 。它在浏览器上运行良好,但在移动设备(浏览器移动模式)上发生以下错误。

无法在被动事件侦听器调用中阻止默认值

经过一些研究,我已将touch-action: none;css 应用于我的日历 css,但它对我没有帮助。

目前,它并不能阻止移动设备上的日历事件。您可以从他们的演示站点- 门户版本进行测试。请确保在浏览器中以移动模式运行网站。

如何消除此错误?

0 投票
2 回答
2988 浏览

javascript - 如何使用 react-datepicker 促进轻松的年度导航?

我正在考虑使用一些双箭头来允许类似于月份滚动的年份滚动。关于如何实现主要目标的其他想法非常受欢迎。

GitHub链接: https ://github.com/Hacker0x01/react-datepicker

0 投票
1 回答
2143 浏览

reactjs - React-Datepicker:showTimeSelect 边距未正确对齐

正如标题所述,我react-datepicker的时间 div 的边距看起来很不稳定。我react-datepicker在版本 1.2.2 上使用 npm 包(应该是它的最新版本)。我已经在我的应用程序初始化的根组件中包含了它的 css:import "react-datepicker/dist/react-datepicker-cssmodules.css";

我的react-datepicker组件被包装在语义 UI 反应Form.Field组件中,但是即使我Form.Field从包装中删除它,时间选择器上的 CSS 仍然很不稳定。

这是我的代码的样子:

这是 UI 的样子:

在此处输入图像描述

感谢您的时间。

编辑:

风格

0 投票
4 回答
15596 浏览

javascript - 如何使用 React js JSX 在下拉列表中创建年份列表

我想在 React JSX 中创建一个年份列表

我有 Jquery 的代码,请看下面。

http://jsfiddle.net/DhpBg/739/

0 投票
2 回答
2298 浏览

reactjs - 反应日期选择器

我正在尝试创建减去两个日期并给出天数的小型日历计算器。

为此,我选择了 library react-datepicker

现在我遇到了state一个点击后更新的问题。这意味着当我第二次选择日期时,我会得到前一个日期的结果。

另外,我不明白为什么当我取消注释...this.state以保存它的不变性时state会停止更新。

有我的代码