问题标签 [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.

0 投票
1 回答
167 浏览

reactjs - 使用 react-day-picker 禁用数组中的天数

我正在使用 react-day-picker 并尝试从 axios 函数中禁用日期数组,如下所示:

}

当我 console.log 时,我的状态 dateDisabled 也变成了这样:

我想得到和这里一样的结果->

将天数显示为禁用

我的约会如何在道具之前和之后变成?谢谢你,对不起我的英语不好

0 投票
1 回答
820 浏览

reactjs - 收听 react-day-picker 输入 'change' 事件

我正在使用 react-day-picker 库在我的网站上显示日期选择器。我想听听日期何时更改。我知道您可以将 onDayChange 钩子添加到DayPickerInput组件中,但我想监听组件之外的更改。

示例:(https://codesandbox.io/s/react-day-picker-base-mpcqy

我希望 on change 处理程序被解雇。我不确定为什么不是。如何聆听价值变化?

0 投票
0 回答
170 浏览

reactjs - 滚动 DayPicker 到选定的天数月

我在叠加层中使用 DayPicker。我已将所选日期设置为 2020 年 8 月 17 日,并且我将 DayPicker 设置为显示从当前到 12 个月的月份。

我希望我的 DayPicker 滚动到选定的日期月份(在我们的例子中是八月)。但它显示当前月份为默认打开。

我尝试了多种可用的道具组合,但没有任何帮助。我为此创建了一个代码框。

https://codesandbox.io/s/react-day-picker-examplesselected-dz5pv?file=/example.js

PS:我可以通过 Javascript 做到这一点,但我想知道是否有任何可用的默认道具。

0 投票
1 回答
98 浏览

javascript - 结合休息日、过去的日子和要在日期选择器中禁用的自定义日期数组

我是 reactjs 的新手。我想就如何使用以下标准禁用 react-day-picker 上的天数寻求一些指导:

  1. 休息日
  2. 过去的日子
  3. 日期数组(在后端获取)

示例代码:

很感谢任何形式的帮助 :)

0 投票
1 回答
365 浏览

reactjs - 如何启用 onKeyDown?

我正在使用 React-date-picker API。当我在日历打开时按下键时,我没有得到任何反馈。当天点击工作正常。但是,在单击日历图标打开日历后按下键时,按下键事件不起作用。我无法退出。

0 投票
0 回答
149 浏览

javascript - 使用 react-day-picker 测试组件产生警告

react-day-picker 使用什么 API 来处理日期?我在我的测试中嘲笑 Date

在这里并不断收到控制台警告:遇到两个孩子使用相同的键,197001。我看到日历中的日期实际上是正确的,但是 aria-label="Thu Jan 01 1970" 似乎我的日期模拟打破了图书馆。

有任何想法吗?

_

0 投票
1 回答
457 浏览

reactjs - 值被重置但输入不是?

我正在使用react-day-picker并且正在正确重置选定的日期,但不确定如何清除 DayPickerInput 占位符。

示例:我选择一个日期范围并单击重置。结果会发生变化,但旧日期仍会出现在输入中。有任何想法吗?

代码:

功能:

按钮:

0 投票
1 回答
481 浏览

reactjs - Formik 接触了 react-day-picker

我已经DayPickerInput在我的 Formik 表格中进行了设置。

当我在未选择日期的情况下单击进出该字段时,我不再显示错误。

我如何接触到使用 DayPickerInput 字段?

0 投票
0 回答
505 浏览

reactjs - 单击日历外部时,React-Day-Picker DayPicker 组件未关闭

我在使用DayPickerapi 来使用弹出日历时遇到问题。当我在日历外单击时需要关闭/隐藏。我想像DayPickerInput组件一样工作,但使用我们的文本框输入。我需要弹出日历。仅使用onBlur部分有效,因为如果我单击一周,它不会立即识别日历容器的焦点。我真的很挣扎,我相信有一个简单的解决方案。

这是代码片段:

0 投票
1 回答
737 浏览

reactjs - 当 onDayChange 选择一天时,react-day-picker 自定义输入失去焦点

我正在尝试使用DayPickerInput我自己的自定义输入,但是在输入输入时,一旦选择了一天就会失去焦点。如果尝试输入例如:2020-08-20,则可以看到这一点,当输入到达“2020-08-2”时,它会选择第二个作为日期并取消输入焦点,不允许用户到达 20。

是一个代码沙箱,我在其中复制了问题。

DayPickerInput的用法:

还有我的自定义输入组件:

我已经看到了这个问题,并尝试了那里解释的内容,但它不起作用,我不确定还有什么可以尝试的。

任何指导表示赞赏!谢谢!