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

javascript - 如何使 React-Day-Picker 月份水平并排而不是垂直对齐

我正在使用 react-day-picker 组件,我已经能够显示 2 个月,但它们在屏幕上显示在另一个月之上。如何将其更改为水平对齐?我尝试更改 CSS 并使用内联,但它不起作用。

这是现在的样子

0 投票
1 回答
311 浏览

clojurescript - 带有 cljsjs/react-day-picker 的 Clojurescript 日期时间选择器

我是新手clojureclojurescript。我只是想知道如何在clojurescript.

这是图书馆的链接:https ://react-day-picker.js.org/examples/basic

我在我的名称空间中需要该库,如下所示:

但我不知道如何从这里开始

当我尝试

我收到这个错误

0 投票
1 回答
1394 浏览

reactjs - react-day-picker DayPickerInput 并在另一个组件中设置选定的日期

在一个组件中使用 DayPicker,我想将选定的日期导入 TodoForm 组件,并使用该值设置状态,以便在每个待办事项中保存和呈现选定的日期。

console.log(selectedDay); 记录 selectedDay 但如何访问 TodoForm 组件中的 selectedDay 值并设置状态并呈现所选日期?

我也很难禁用今天之前的日期,但状态是我最大的问题。谢谢!

0 投票
1 回答
221 浏览

reactjs - 将 react-day-picker 范围限制为 x 天

我想将 react-day-picker 中的范围长度限制为例如 10 天。应该怎么做,包里已经有东西了吗?

这是一个示例范围选择器:https ://react-day-picker.js.org/examples/selected-range/

0 投票
0 回答
50 浏览

reactjs - React Day-Picker on react Standalone React App --- 错误 TypeError: f.default.instanceOf is not a function

TypeError的 React Day-Picker 错误:f.default.instanceOf 不是函数

0 投票
1 回答
139 浏览

javascript - 如何添加 JSON 日期对象以禁用日期

我正在使用这个日期选择器组件: https ://react-day-picker.js.org/examples/disabled

在下面的 disabledDays 部分。我无法应用所有三个选项。blocksedDatesData 单独工作,但不能与 daysOfWeek 及之前一起工作。

以下是生成blockedDatesData json 对象的代码。

请帮我解决这个问题。提前致谢

0 投票
0 回答
599 浏览

javascript - React-Day-Picker-禁用日期并从日期范围中选择

我有一个 2 个月的日历,我希望用户能够从 8 周的范围内选择一个日期,但只能从当前日期后的 3 周开始。例如,如果当前日期是 2019 年 12 月 23 日星期一,则用户可以选择的第一个开放日期是 1 月 13 日到 3 月 2 日(8 周)。因此应禁用 12 月 24 日至 1 月 12 日的日期,开放范围应为 1 月 13 日至 3 月 2 日。

我在想这样的事情,但没有奏效:

DayPicker 看起来像这样:(目前仅启用星期一)

0 投票
1 回答
855 浏览

reactjs - 如何在 reactjs 中实现对 HighChart StockChart 的日期选择器(没有 jQuery)

我一直在 react 应用程序中使用 highcharts,而且对两者都比较新。我的目标中最后一个缺失的部分是让日历弹出窗口与股票图表中的日期选择范围挂钩。没有 jQuery。有几个例子接近我想要的。

发布使用 jQuery 的链接:HighChart Support - jQuery 示例

在图表外发布使用react-day- picker 的链接:在 HighChart 支持论坛上找到的帖子

我所做的充分工作是在图表之外使用 react-day-picker 日历,包括管道 - 在选择日期后更新选择范围等。我什至尝试了一种将这个元素移动到图表中的方法svg,但无法使其正常工作。所以我的目标是实现一个轻量级的日期选择器,它可以绑定到图表区域的内置数据选择器输入元素(同样没有 jQuery)。

任何帮助将非常感激。

0 投票
1 回答
80 浏览

reactjs - 如何将 DayPicker 链接到现有的输入元素

我正在使用 react-day-picker DayPicker(不是 DayPickerInput)并且有一个我想用来驱动日期弹出窗口的现有元素。我不知道如何将元素中的日期预先输入日历并突出显示给定的日期。所有其他功能,例如捕获用户选择的日期和填充元素都工作正常。因此,如果我的输入元素具有 2019 年 11 月 11 日,并且我单击它,我希望弹出窗口转到该日期并将其显示为选中状态。当前的行为是它显示当前的月份和日期。我尝试设置 selectedDays={this.state.selectedDay},但这似乎不起作用。请注意,我是 reactjs 的新手,这可能是我理解的差距。

感谢您提出的任何建议。

0 投票
0 回答
608 浏览

reactjs - 如何在 react-day-picker DayPickerInput 中添加图标

我一直无法在DayPickerInput组件中添加日历图标。

我努力了

我得到以下

我也尝试过添加这些

然后发生这种情况

有时候是这样的

谢谢您的帮助