问题标签 [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 回答
2256 浏览

javascript - 如何使用 react-day-picker-input 组合禁用日期

我正在使用 NPM 包,并且该元素react-day-picker的文档似乎很少。react-day-picker-input它提到了一个名为的道具dayPickerProps,它接受一个名为 的对象disabledDays。我不知道如何禁用周末和特定日期的组合。我得到它来禁用周末和单独的日子,但当结合起来时,只采取第一个。该文档讨论了如何为常规日期选择器实现此功能,而不是采用不同道具的日期选择器输入组件。有谁熟悉这个包知道我可以如何完成这项任务?

这是我的小提琴

请注意删除before密钥如何使daysOfWeek密钥工作。感谢任何帮助。

0 投票
1 回答
903 浏览

javascript - React - 第二次点击后调用另一个函数

设想 :

  • 目前正在做日历
  • 使用 React-Day-Picker。

问题 :

  • 我有两个日历- 一个带有星期选择,一个带有日期选择。
    选择一周后,我可以在第二次单击后选择一天,将其设为一个日历的最佳方法是什么?

代码:


我愿意接受所有建议,请提出建议。
谢谢!

0 投票
0 回答
116 浏览

reactjs - 如何在没有 CDN 的情况下部署 React 组件?

我制作了一个小型 React 应用程序,并希望将其部署为我的 Django 项目的一部分。

我一直在使用RollupJS仅使用 React CDN 部署我的 React 应用程序,这是我第一次使用没有 CDN的react-day- picker 进行部署。这是我的应用程序的设置:

rollup.config.js

.babelrec

我也应该汇总 react-day-picker 吗?

更新:找到了解决方法。会更新。

0 投票
1 回答
81 浏览

react-day-picker - 在标题中仅显示月份

我正在使用react-day-picker来启动我的网站。

我使用多选模式并排描绘两个月,我想在标题中只显示几个月而省略年份。日期选择器中是否有任何选项可以让我这样做?

标题

0 投票
2 回答
631 浏览

react-day-picker - 反应日期选择器覆盖始终打开

我正在使用 DayPickerInput 并且我将它设置为这样(范围与 2 天选择器输入)。我想总是显示覆盖,我不想隐藏它。我知道showOverlay道具,但它只在初始渲染期间显示叠加,并且可以关闭叠加。关闭后默认不会再打开。是否可以始终使用 DayPickerInput 显示叠加层,或者我应该将 DayPicker 与我自己的输入字段一起使用?

0 投票
2 回答
1385 浏览

javascript - 为 react-day-picker 创建自定义组件输入

我正在为 DayPickerInput 创建一个自定义材料 UI 组件,但问题是当onDayChange被触发时,它给出了一个错误。

DayPickerInput 组件

DayPickerInput 自定义组件

重现问题:https ://codesandbox.io/s/387r9plx65

0 投票
0 回答
162 浏览

react-day-picker - 为 React Day Picker 设置日期 tabIndex?

默认情况下,react-day-picker 将日历中的第一天设置为 tabindex="0",其余天设置为 tabindex="-1"。

是否可以修改它以使启用的第一天最终成为 tabindex="0" ?

0 投票
2 回答
3274 浏览

react-day-picker - 如何删除焦点上的蓝色边框?

当我单击日期选择器组件容器或日历中的单个单元格时,会添加一个蓝色边框。

我在 style.css 中找不到相关的 CSS,也没有看到 DevTools 中添加的任何可能添加蓝色边框的类。

我该如何摆脱这个?在此处输入图像描述

0 投票
1 回答
962 浏览

reactjs - Reactjs DayPickerInput 禁用天数

我有一个来自 react-day-picker 插件的 DayPickerInput 元素,我不知道如何从当天开始禁用一个月(31 天)后的所有天。请问有什么帮助吗?

谢谢。

0 投票
1 回答
1698 浏览

reactjs - React-Day-Picker 弹出位置

React-Day-Picker 项目中,有没有办法改变 DayPicker 弹出窗口的位置?我在视图的最右侧有一个 DayPickerInput,然后 DayPicker 打开与输入左对齐,但这会使 DayPicker 被我的窗口边缘裁剪。

有没有办法让 DayPicker 与 Input 右对齐并让它溢出到左边,这样它就不会被我的窗口边缘切断?