问题标签 [react-day-picker]

我正在使用 React-Day-Picker 和 react-redux-form。我需要能够隐藏移动键盘 - 这是一个响应式应用程序。这是我的代码的摘录。我不确定在哪里/如何实现这一点，而在桌面上没有 DayPickerInput 消失。

亲切的问候

菲尔

我正在使用 react-day-picker。默认情况下，它将系统日期显示为突出显示的日期。我想使用从服务器收到的日期并使其突出显示日期。

这是我的代码：-

有没有人做过这样的事情？

全部...我正在使用“react-day-picker”组件通过两个输入选择日期范围。

我开始逐字使用此页面上的示例：http ://react-day-picker.js.org/examples/input-from-to 。我做的唯一改动是添加console.log(this.state)了handleFromChangeandhandleToChange方法。

乍一看，该组件似乎可以工作，但是当我 console.log 状态时，我发现只有在选择器中第二次选择“to”日期时才更新“to”状态。第一次选择“到”日期会返回“未定义”。

看看这段代码，有没有什么不正确的地方跳出来？同样，此代码由组件的创建者提供。我试图弄清楚它是组件的错误、示例代码的错误还是其他问题。

谢谢！

为方便起见，这是我正在使用的代码：

我有一个使用 react-day-picker 的日期范围日历。除了我无法从选择中禁用“所有”未来日子之外，它的效果很好。api 文档显示您可以输入一天或多天，但不能输入所有未来的日子？

我正在使用react-day-picker，在这里自定义修饰符样式被添加到月份的外部日期。

如何避免将这些样式添加到禁用的日期和当月之外的日期？

我正在尝试在我的 react-day-picker 组件上实现此设计，但我无法添加最后两件事。

• 在该月的日单元格/主体上添加边距
• 在两个月之间添加边框。也在标题之间。

我已经有一段时间试图实现但我不能......也许有人可以帮助我？

我用设计+原型创建了一个沙箱。

https://codesandbox.io/s/mqwo1r6p9x

谢谢。

我正在尝试将react-day-picker'sDayPicker与react-final-form.

React Final Form 需要Field为每个表单字段使用一个，这意味着只要您希望第三方表单元素在表单中可用，就创建一个适配器组件。适配器组件必须接受一个input包含valueandonChange的对象。建议只是提供一个新的onChange.

这种适用于许多其他组件的方法不适用于DayPicker. 似乎问题在于DayPicker它实际上没有onChange方法，因此由我们来管理日历更改时会发生什么，然后将日期存储在期望的value属性中。react-final-form

我在这里创建了一个codepen：https ://codesandbox.io/s/github/pcraig3/date-picker-sandbox

我有一种handleDayClick方法，Calendar.js可以在单击天数时运行，但onChange不会始终为日历触发。

• selectedDays正在其Calendar自身内立即更新，但Form在日历未聚焦之前无法获得正确的日期
• 表单的validate方法只被调用一次（第一次选择一天），而每次更新原生文本输入值时都会调用它。

我希望表单值与日历的外部状态同步，并且每次单击/取消单击一天时都会触发 validate 方法。这有可能实现还是我做错了事？

为什么我看到这个页面是在错误的月份，它应该初始化August而不是显示September，我来自柬埔寨

http://react-day-picker.js.org/examples/months-initial

我试图做一个简单的 react-day-picker 实现。但是我在尝试关闭DayPicker容器时发现了一个问题，当它被触发DayPickerInput并且属性keepFocus设置为false.

这是代码框：https ://codesandbox.io/s/0mn32ryl0n

如果您在输入内单击，则日期选择器叠加层将正确显示，并且如果您单击叠加层的空白区域，则叠加层将获得焦点，并且将一直聚焦到您选择一天，否则将不会关闭。因此，如果您单击覆盖之外的区域，则无法自动关闭它。

问题是，如果这是预期的行为，或者我错过了什么。如果没有选择一天并且覆盖已经聚焦，我该如何关闭 DayPicker？

我的日历中需要有三天。禁用、活动和非活动。（在这种情况下，禁用和非活动是不同的）。我可以将一组日期发送到“disabledDays”，没问题。

我似乎无法弄清楚如何将一组日期发送到修饰符道具中。我已多次阅读此信息，但并没有说明可以将日期数组发送给修饰符，可以吗？我准备了一组日期，我只想将其作为修饰符发送并命名，例如“activeDays”。尝试了多种方法，但修饰符样式从未添加到日历中的日期。

提前致谢