问题标签 [react-day-picker]
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.
reactjs - 使用 react-day-picker 禁用数组中的天数
我正在使用 react-day-picker 并尝试从 axios 函数中禁用日期数组,如下所示:
}
当我 console.log 时,我的状态 dateDisabled 也变成了这样:
我想得到和这里一样的结果->
我的约会如何在道具之前和之后变成?谢谢你,对不起我的英语不好
reactjs - 收听 react-day-picker 输入 'change' 事件
我正在使用 react-day-picker 库在我的网站上显示日期选择器。我想听听日期何时更改。我知道您可以将 onDayChange 钩子添加到DayPickerInput
组件中,但我想监听组件之外的更改。
示例:(https://codesandbox.io/s/react-day-picker-base-mpcqy)
我希望 on change 处理程序被解雇。我不确定为什么不是。如何聆听价值变化?
reactjs - 滚动 DayPicker 到选定的天数月
我在叠加层中使用 DayPicker。我已将所选日期设置为 2020 年 8 月 17 日,并且我将 DayPicker 设置为显示从当前到 12 个月的月份。
我希望我的 DayPicker 滚动到选定的日期月份(在我们的例子中是八月)。但它显示当前月份为默认打开。
我尝试了多种可用的道具组合,但没有任何帮助。我为此创建了一个代码框。
https://codesandbox.io/s/react-day-picker-examplesselected-dz5pv?file=/example.js
PS:我可以通过 Javascript 做到这一点,但我想知道是否有任何可用的默认道具。
javascript - 结合休息日、过去的日子和要在日期选择器中禁用的自定义日期数组
我是 reactjs 的新手。我想就如何使用以下标准禁用 react-day-picker 上的天数寻求一些指导:
- 休息日
- 过去的日子
- 日期数组(在后端获取)
示例代码:
很感谢任何形式的帮助 :)
reactjs - 如何启用 onKeyDown?
我正在使用 React-date-picker API。当我在日历打开时按下键时,我没有得到任何反馈。当天点击工作正常。但是,在单击日历图标打开日历后按下键时,按下键事件不起作用。我无法退出。
javascript - 使用 react-day-picker 测试组件产生警告
react-day-picker 使用什么 API 来处理日期?我在我的测试中嘲笑 Date
在这里并不断收到控制台警告:遇到两个孩子使用相同的键,197001。我看到日历中的日期实际上是正确的,但是 aria-label="Thu Jan 01 1970" 似乎我的日期模拟打破了图书馆。
有任何想法吗?
_
reactjs - 值被重置但输入不是?
我正在使用react-day-picker
并且正在正确重置选定的日期,但不确定如何清除 DayPickerInput 占位符。
示例:我选择一个日期范围并单击重置。结果会发生变化,但旧日期仍会出现在输入中。有任何想法吗?
代码:
功能:
按钮:
reactjs - Formik 接触了 react-day-picker
我已经DayPickerInput
在我的 Formik 表格中进行了设置。
当我在未选择日期的情况下单击进出该字段时,我不再显示错误。
我如何接触到使用 DayPickerInput 字段?
reactjs - 单击日历外部时,React-Day-Picker DayPicker 组件未关闭
我在使用DayPicker
api 来使用弹出日历时遇到问题。当我在日历外单击时需要关闭/隐藏。我想像DayPickerInput
组件一样工作,但使用我们的文本框输入。我只需要弹出日历。仅使用onBlur
部分有效,因为如果我单击一周,它不会立即识别日历容器的焦点。我真的很挣扎,我相信有一个简单的解决方案。
这是代码片段: