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

javascript - 如何不允许用户在带有选择选项的输入字段中输入值

我使用 react-day-picker,(DayPickerInput 组件),我希望当用户单击相关字段时,当日期选择器窗口打开时,用户将无法使用键盘输入值,他会可以通过弹出窗口更改值。

我不知道这是否是 DayPickerInput 的属性(我搜索但没有找到),或者它是字段本身的一般属性......

0 投票
1 回答
184 浏览

reactjs - 使用 react-day-picker 和 react router v4 链接到不同的页面

我试图利用这个例子来创建一个列出当月事件的日历,我有这部分工作,但我还没有弄清楚如何制作它以便用户可以点击事件名称,它会将他们带到该事件页面。

因此,根据该示例,如果他们单击其中一个生日,则会将他们带到一个活动页面,在那里他们可以看到有关该生日的更多信息。

目前,我的活动页面正在使用此功能呈现:

当前的问题在子函数中,renderDay该子函数由获取与当天相关联的事件的 DayPicker 组件调用。当我尝试推送到历史属性时,它会出错并说我无法从未定义中读取属性“历史”,这是有道理的,因为我们没有将历史属性传递给该函数。

有人可以帮我弄清楚如何修改该子功能,以便 div 上的 onClick 事件将用户带到该事件页面吗?

0 投票
0 回答
2695 浏览

reactjs - react-day-picker 更改默认日期格式可防止输入日期

我刚刚开始使用 react-day-picker 库。我有以下代码 sandBox,它是具有 2 个输入示例的范围的分支,

https://codesandbox.io/s/w6vnlox29l

我让它按我想要的方式工作,但我想将日期输入为 MM/DD/YYYY 而不是默认格式 YYYY-MM-DD。当我添加以下属性时

我无法再在日期的输入字段中正确输入日期。当我删除格式时,formatDate 和 parseDate 属性日期选择器输入功能按我预期的方式。我已经阅读了文档,但认为我可能遗漏了一些简单的东西。如何使用格式为 MM/DD/YYYY 的日期输入文本框和日期选择器?

0 投票
2 回答
1106 浏览

twitter-bootstrap - 是否可以根据需要设置 react-day-picker 的输入字段?

我在一个表单中有两个 DayPickerInput 字段,想将它们标记为必填字段,但不知道如何。有人可以帮忙吗?

更新:我尝试使用 inputProps:

但出现错误:

0 投票
1 回答
92 浏览

reactjs - react-day-picker setState 延迟显示在控制台上

在第一次选择日期后,所选日期不会显示在控制台上并延迟,仅在下一次选择时设置为状态。

这是我的代码的链接。 转到示例代码

我错过了什么吗?我希望它在第一次选择时显示在控制台上。

0 投票
1 回答
641 浏览

reactjs - 让 react-day-picker 向上显示 OverlayWrapper

需要时可以react-day-picker向上显示 OverlayWrapper 吗?我试图将它放在我的应用程序页面的底部。我也在你的网站上测试过,看起来一样。请参阅屏幕截图。 在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
771 浏览

reactjs - 如何仅在 react-day-picker 中启用两天

我只需要在我的react-day-picker. 剩余的日子应该被禁用。谁能给我一个如何做到这一点的例子?

我试过这个例子,但它不适合我。

我试图运行这段代码我得到空数组

0 投票
2 回答
4952 浏览

react-day-picker - 在反应日选择器输入中修改输入字段的宽度

是否可以更改 DayPickerInput 输入字段的默认宽度?如果是,那么我该如何实现呢?我不确定我们是否可以使用 overlayComponent 来做到这一点。

0 投票
1 回答
228 浏览

react-day-picker - 让今天按钮更新 selectedDay 以响应 DayPicker?

我正在使用 React 日期选择器http://react-day-picker.js.org/

我使用今天的按钮: http ://react-day-picker.js.org/examples/customization-today-button/

今天按钮的默认行为是导航到当前月份,但不选择实际日期。我怎样才能让它选择实际的日子?这是在此代码示例中更新 selectedDay 状态

0 投票
3 回答
1849 浏览

react-day-picker - 为 react-day-picker 添加一个类?

如何向 react-day-picker 的今天按钮添加一个类?

从文档中似乎可以实现: http ://react-day-picker.js.org/api/DayPicker#classNames

但是我收到一个错误: