问题标签 [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.
javascript - 反应日期与momentjs的日期差异
您好,我想显示从带有 momentjs 的 react-dates 获得的 2 个日期之间的差异。日期正在显示,但 const Diff 显示 NaN。我已经根据 momentjs 的文档https://momentjs.com/docs/#/displaying/difference/完成了所有工作
reactjs - 将 react-datepicker 与 redux-form 一起使用?
我正在尝试将 redux-form 与 react-datepicker 一起使用,但不断收到以下错误:
我的代码设置如下:
我似乎无法绕过这个警告,除了我已经做过的事情之外,我还没有在网上找到太多东西。
javascript - 使用 react-date-picker 时在移动设备上隐藏本机键盘
我正在使用 react-date-picker,但在移动设备上,单击时会显示本机键盘,导致日期选择器在顶部打开,这看起来不太好。在线解决方案是将只读属性放在日期选择器绑定的输入字段上。但是 read-date-picker 组件不会让我通过那个道具......
有什么好的解决方案吗?
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 代码:
javascript - react-datepicker“无法阻止被动事件侦听器调用中的默认值”
我正在使用门户模式实现react-datepicker 。它在浏览器上运行良好,但在移动设备(浏览器移动模式)上发生以下错误。
无法在被动事件侦听器调用中阻止默认值
经过一些研究,我已将touch-action: none;
css 应用于我的日历 css,但它对我没有帮助。
目前,它并不能阻止移动设备上的日历事件。您可以从他们的演示站点- 门户版本进行测试。请确保在浏览器中以移动模式运行网站。
如何消除此错误?
javascript - 如何使用 react-datepicker 促进轻松的年度导航?
我正在考虑使用一些双箭头来允许类似于月份滚动的年份滚动。关于如何实现主要目标的其他想法非常受欢迎。
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 的样子:
感谢您的时间。
编辑:
reactjs - 反应日期选择器
我正在尝试创建减去两个日期并给出天数的小型日历计算器。
为此,我选择了 library react-datepicker
。
现在我遇到了state
一个点击后更新的问题。这意味着当我第二次选择日期时,我会得到前一个日期的结果。
另外,我不明白为什么当我取消注释...this.state
以保存它的不变性时state
会停止更新。
有我的代码