问题标签 [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 投票
2 回答
819 浏览

reactjs - 日期选择器 - 在今天之前禁用几天不工作

我想禁用今天之前或过去的日期。下面是我如何接近它,但它不起作用。我仍然可以选择今天之前的日期..

日期组件:

所以我使用 disabledDays 道具和设置before:today。这是这样做的方法还是有更好/正确的方法来解决这个问题?欢迎任何帮助/建议!

0 投票
1 回答
504 浏览

reactjs - React Day Picker:如何在“选择多个日期”中禁用与禁用日期的交互

如何在“选择多个日期”中禁用单击日期。

在我的渲染中,

我可以禁用日期,但如果我单击禁用日期,那么它们也会添加到状态中。

我将不胜感激。

0 投票
1 回答
53 浏览

react-day-picker - 每天显示 2 个日历(格鲁吉亚语和回历)

如何使用 react-day-picker 在每一天显示格鲁吉亚和回历日?目标是这样的

在此处输入图像描述

0 投票
0 回答
962 浏览

reactjs - React 日期选择器:如何测试用户输入的有效性?

我正在使用最新的 React Day Picker。我的问题:我找不到在DayPickerInput组件中验证用户输入的方法。

我希望同时启用:日历选择和用户输入。

此外,除了导航之外,我还希望允许用户通过输入选择年份。

这是我的代码

我错过了什么?

此代码使用日历按预期工作

但是在用户输入时handleDayChange收到day === undefined并且没有输入要检查。我认为这是需要解决的问题。我找不到如何。

0 投票
1 回答
163 浏览

reactjs - 是否可以使用图像修改 react-day-picker 的单元格?

我目前正在做一个项目,并想修改 react-day-picker 的各个单元格。通常的修饰符对我来说是不够的,因为我想用笑脸代替天数(图片)。

带笑脸的修改单元格示例

我要更改的特定日期并用我仅在加载组件时才知道的图像替换。因此,该变体应该与通常的单元格修改相同。我得到数据并知道哪个笑脸适合哪个标签并相应地更改单元格。

有没有人有这个问题的提示或解决方案?

我会很感激。:)

此致,卢克

0 投票
1 回答
272 浏览

reactjs - React 日期选择器仅在预期日期时返回所有数据

所以我使用 react-day-picker 来做日历。

这是我使用的功能:

事情是功能日=>返回很多东西,比如:

当这是预期的格式时:2019-08-07

我怎样才能得到这个?

我的功能通过应用程序发送数据,所以我不需要时间等所有东西。只是日/月/年有可能吗?

如何获得预期的格式?

我尝试一天而不是日期,但不费吹灰之力。

console.log用来输出整个 json 数据,我得到了

我预计输出日/月/年,但实际输出是

0 投票
1 回答
79 浏览

reactjs - 选择的动态日期和当前月份不显示

这是我的问题链接

我正在传递动态日期数组并根据当前日期获取月份,但它不起作用。

这是参考链接

0 投票
1 回答
714 浏览

javascript - 在使用 date-fns 格式化的 react-day-picker 输入上输入日期

我不能使用 react-day-picker 手动输入日期,onDayChange但是当我使用onChange. 但是,我没有使用 an 获得所选值,onChange而且我正在使用 date-fns 来格式化日期。

使用 onDayChange

使用 onChange

0 投票
2 回答
1432 浏览

javascript - 已解决:使用自定义输入组件时 React-day-picker Daypicker Input 失去焦点

工作沙箱是https://codesandbox.io/s/react-day-picker-base-h9fv6

我一直在尝试实现一个简单的日期选择器输入,您可以在输入字段中输入日期并在选择器中选择。

问题是当我使用自定义输入 <DayPickerInput component ={CustomInput}.../>时,使用选择器时输入会失去焦点。如果没有自定义输入,这不会发生。在文档中它说

“如果要在用户选择一天时保持焦点,组件类必须有焦点方法。”

但是我不确定我应该如何实现这一点。

0 投票
1 回答
10066 浏览

reactjs - 如何在 React 无状态组件中引用“this”关键字

我正在尝试使用库day-picker为输入范围日期选择器创建一个 React 无状态组件。

如果我尝试将有状态组件转换为无状态,this则无法访问该关键字,因为无状态组件没有this.

我对 React 和 Hooks 非常陌生,并尽我所能解决,但不知何故未能解决问题,这就是我正在尝试的。

问题 - 日期选择器范围输入未按预期工作。日历显示始终从当前月份开始。但不知何故,它是从去年开始的。

实际代码