问题标签 [react-datepicker]

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 回答
621 浏览

ag-grid-react - 当我将它与 ag-grid-react 一起使用时,react-datepicker 没有正确显示

在 ag-grid-react 的单元格中添加了 react-datepicker。我只能看到日期选择器的尖端。日期选择器的其余部分覆盖在下一行后面。下一行与日期选择器重叠。有人可以在这里帮助CSS类。

0 投票
1 回答
445 浏览

javascript - 如果导入了 events-polyfill,React Datepicker 将无法正常工作

react-datepicker我已经完成了软件包的基本设置并且它正在工作。但是,在我们的应用程序中,我们也在使用events-polyfillpackage.json 。而当这两个包同时使用时,react-datepicker就不能正常工作了。

演示:https ://codesandbox.io/s/pj3yl7o0wm

完整错误:

这在events-polyfill index.js文件中突出显示为罪魁祸首:

完全不知道是什么问题。

0 投票
3 回答
4214 浏览

javascript - 从最小日期中选择上一个日期 react-datepicker

我使用了 minDate={moment(new Date('1-01-1970'))} 但我可以选择 31/12/1969。在能够选择上一个日期的反应日期选择器中设置任何最小日期。我正在使用 react-datepicker npm 链接https://www.npmjs.com/package/react-datepicker

任何解决方案。

0 投票
2 回答
11344 浏览

javascript - react-datepicker,禁用特定日期的问题

我正在使用 react-datepicker 来实现日期和日历,它工作正常我已经成功集成了组件,但是在禁用默认日期时遇到了一个问题。我正在使用下面的代码。

默认情况下说我想禁用 4/25/2019 ,我不能这样做,我看到组件有一个名为dayClassName的属性,有没有人使用过,我不知道如何传递日期并将 css 应用到那个具体日期。

这是我在其中一个示例中发现的 -

它对我不起作用,不确定如何禁用此特定日期(2019 年 4 月 25 日),对此有何帮助。?

0 投票
2 回答
4375 浏览

javascript - react-datepicker,默认为monthsShown问题

我们使用 react-datepicker 来实现我们的日历。显示的默认月份由monthsShown控制组件属性控制。当我们说 2- 它显示当前月份 + 下个月。

我正在使用如下的 reat DatePicker

有没有办法显示上个月和本月。?例如,如果当前月份是四月,我们希望显示三月和四月而不是四月 - 五月。

0 投票
1 回答
642 浏览

reactjs - react-datepicker 接受使用 minDate 属性禁用的旧日期

我正在使用 react-datepicker,就像下面有 minDate 属性一样。

如果我使用 DatePicker 选择日期,它可以正常工作,如快照所示。

在此处输入图像描述

但是当我通过手动输入日期选择器控件输入日期时,它允许我输入那些被禁用的旧日期。

在此处输入图像描述

我知道这可以通过自定义函数来处理,但这仍然不是我期望的 minDate 属性的行为。

是否有任何财产或东西可以克服这个问题。

0 投票
0 回答
453 浏览

javascript - 每次选择选择框时如何更新 React Date Picker

我有一个要求,允许用户更新初始的start dateandend date和计算成介于andnumber of days之间的值。例如,如果is和the是. 所以我希望这个自动更新在我的组件中。start dateend datestart date04/18/19end date4/20/19number of days is 2React

所以我希望numOfDaysForReview自动更新到更改之间的正确天startDate数。endDateDatePicker's

我希望endDateDatePicker 在值发生变化时numOfDaysForReview发生变化。

0 投票
2 回答
2683 浏览

reactjs - 使用 React DatePicker 时禁用移动浏览器上的键盘

我正在使用反应日期选择器,我在移动视图上遇到问题。虚拟键盘隐藏了我的日期选择器的一部分。有什么建议吗?

谢谢

0 投票
1 回答
6361 浏览

javascript - 反应日期选择器解析选定的日期

我有以下组件:

当我从日期选择器中选择任何日期时,我得到以下格式:

日期:2019 年 5 月 15 日星期三 12:54:33 GMT+0100(英国夏令时间)

可以将其解析回如下格式:

2019-05-15/yyyy-mm-dd

因为我需要它以这种格式提交 API 调用?

0 投票
1 回答
9809 浏览

material-ui - 在 react-datepicker 中更改日历的背景颜色

当我将主题从默认(白色)切换为黑色时,我必须将我的 react-datepicker 中的 popper(即日历)的背景颜色更改为带有白色字体颜色的黑色。

我尝试使用 popperClassName,但无法传递字体颜色和背景颜色,尽管我的占位符已接受给定值并在切换主题时更改了其背景。我必须实现内联样式(JSS - js/jsx 中的 css)方式!虽然我已经在外部尝试了占位符的样式。

我希望有某种方法可以使用 popperClassName 或任何其他方式修改 popper 的样式。