问题标签 [react-dates]
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 - React Datepicker,排除日期的时间
我正在使用这个库:
有两个道具,excludeDates y excludeTimes,如果我分别发送日期或时间,这也分别排除。
询问是否排除,例如 12 月 10 日的 17:00,当我选择 12 月 11 日时,再次启用 17:00
这是时间如何运作的示例,但不包括所有日期:(
react-dates - airbnb/react-dates 中未显示箭头(在移动屏幕中是,不在桌面中)
我正在使用库 airbnb/react-dates 作为日期选择器。我正在使用标准代码:
根据移动设备或台式机,哪里datePickerOrientation
可以获得“垂直”或“水平”的值。
在移动设备中,我可以看到导航箭头移动数月。不幸的是,我在桌面版上看不到箭头。
有人知道为什么吗?这是预期的行为吗?
我在这个问题中发现您可以覆盖箭头,但不幸的是它只适用于移动设备:
https://github.com/airbnb/react-dates/issues/692
不知何故,桌面的箭头不在 dom 中。
css - 如何更改 react-dates 输入 css
我正在使用react-dates但我找不到任何更改输入字段 css 的方法。
例如边框、背景颜色等,因为常规 css 不适用于react-dates。
reactjs - 不工作 2 DateRangePicker (react-dates) 在 1 页
我需要在 1 页上发布 2 DateRangePicker,但我的代码不起作用。startDate 和 endDate 变量之间可能存在一些冲突。尽管我使用了其他变量,但错误并没有消失。请帮助解决问题..这是我的代码:
javascript - 从父组件或祖父组件清除 React 组件中的输入
我的应用程序中有一个过滤器表单,它具有正常的输入字段和日期范围输入(AirBnb 的react-dates插件)。在提交过滤器表单时,我希望表单清除所有字段。但是,我无法找到访问 react-dates 组件中的字段的方法,因为它是一个子组件。
到目前为止,我已经尝试在组件上放置一个“ref”,如下所示:
然后通过以下函数选择 ref:
但是-由于我使用的是 Redux,因此我在日志上收到了一个“连接”对象,而不是实际的组件:
我尝试将“forwardRef”选项添加到组件导出中,但是 - 我仍然收到 Connect 对象...
如果除了通过组件之外还有一种更简单的方法来重置输入,我很乐意改为使用该方法。
谢谢你的时间!
javascript - 如何防止反应日期 SingleDatePicker 打开焦点?
我正在使用反应日期 SingleDatePicker。日历的可见性由 focus 属性控制。在网站上使用标签时,我不想打开日历,我希望它在输入键时打开。有没有办法做到这一点?谢谢!