问题标签 [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.
javascript - 如何不允许用户在带有选择选项的输入字段中输入值
我使用 react-day-picker,(DayPickerInput 组件),我希望当用户单击相关字段时,当日期选择器窗口打开时,用户将无法使用键盘输入值,他会可以通过弹出窗口更改值。
我不知道这是否是 DayPickerInput 的属性(我搜索但没有找到),或者它是字段本身的一般属性......
reactjs - 使用 react-day-picker 和 react router v4 链接到不同的页面
我试图利用这个例子来创建一个列出当月事件的日历,我有这部分工作,但我还没有弄清楚如何制作它以便用户可以点击事件名称,它会将他们带到该事件页面。
因此,根据该示例,如果他们单击其中一个生日,则会将他们带到一个活动页面,在那里他们可以看到有关该生日的更多信息。
目前,我的活动页面正在使用此功能呈现:
当前的问题在子函数中,renderDay
该子函数由获取与当天相关联的事件的 DayPicker 组件调用。当我尝试推送到历史属性时,它会出错并说我无法从未定义中读取属性“历史”,这是有道理的,因为我们没有将历史属性传递给该函数。
有人可以帮我弄清楚如何修改该子功能,以便 div 上的 onClick 事件将用户带到该事件页面吗?
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 的日期输入文本框和日期选择器?
twitter-bootstrap - 是否可以根据需要设置 react-day-picker 的输入字段?
我在一个表单中有两个 DayPickerInput 字段,想将它们标记为必填字段,但不知道如何。有人可以帮忙吗?
更新:我尝试使用 inputProps:
但出现错误:
react-day-picker - 在反应日选择器输入中修改输入字段的宽度
是否可以更改 DayPickerInput 输入字段的默认宽度?如果是,那么我该如何实现呢?我不确定我们是否可以使用 overlayComponent 来做到这一点。
react-day-picker - 让今天按钮更新 selectedDay 以响应 DayPicker?
我正在使用 React 日期选择器http://react-day-picker.js.org/
我使用今天的按钮: http ://react-day-picker.js.org/examples/customization-today-button/
今天按钮的默认行为是导航到当前月份,但不选择实际日期。我怎样才能让它选择实际的日子?这是在此代码示例中更新 selectedDay 状态
react-day-picker - 为 react-day-picker 添加一个类?
如何向 react-day-picker 的今天按钮添加一个类?
从文档中似乎可以实现: http ://react-day-picker.js.org/api/DayPicker#classNames
但是我收到一个错误: