问题标签 [react-dates]

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 投票
2 回答
854 浏览

reactjs - airbnb/react-dates 在 DayPickerRangeController 上显示周数

使用DayPickerRangeController来自 airbnb/react-dates (12.7.1),我想在每周的日期选择器左侧显示周数。

这是我目前拥有的

我的日子选择器

这是我想在我的日历上看到的

显示周数的日历

是否有任何可以提供帮助的道具,或者是否有已经存在的解决方案?

0 投票
2 回答
1184 浏览

reactjs - react-dates 根据站点语言使用自定义标签更改工作日标签

如何在反应日期库中显示自定义工作日标签?我正在开发一个多语言网站,要求以所选语言显示周标签。

0 投票
1 回答
1196 浏览

reactjs - 使用 DateRangePicker 在特定月份阻止一周中的某一天

使用DateRangePickerfrom react-dates,我希望禁用星期一,但仅限于 7 月和 8 月。React 对我来说是新的,我不知道如何开始解决这个问题。

该文档有一个blockedDays道具,但我不清楚我应该如何在我的特定情况下使用它。

如何访问当前显示的月份以及随后如何阻止星期一?

对于那些希望看到我的代码的人,我做了一个要点

0 投票
1 回答
1132 浏览

reactjs - 如何使用 react-dates 进行 CSS 样式设置?

我正在使用 Airbnb 的 react-dates 包,但我无法为其设置 CSS 样式。所以,如果你使用它,请帮助我。如何为反应日期设置 CSS 样式?

在此处输入图像描述“实际的”

我希望日期选择器是

在此处输入图像描述

0 投票
1 回答
1260 浏览

reactjs - 如何在反应日期中显示单个日历?

我需要SingleDatePicker从反应日期整合。

这是我在代码中写的

现在它显示了双日历。

在此处输入图像描述

但我只需要显示单个。像这样的东西

在此处输入图像描述

有什么选项SingleDatePicker可以做到这一点吗?

0 投票
2 回答
3667 浏览

javascript - 如何仅显示特定日期

我有很多天。

我只想在 airbnb 日期选择器中显示上述选定的日期并禁用其他日期。

我怎样才能做到这一点?谢谢

0 投票
1 回答
999 浏览

javascript - react-dates 日期选择器默认弹出行为

我在我的反应应用程序上使用 react-dates ^18.4.0,我注意到“打开”上有一个奇怪的行为

当我有时点击<Input box id="start date">弹出<DatePicker/>窗口时,有时它会从上到下慢慢打开。

我在故事书上进行了搜索,这似乎是 datepicker 组件的默认行为。 http://airbnb.io/react-dates/?selectedKind=DateRangePicker%20%28DRP%29&selectedStory=default&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

因此,如果您单击“开始日期”或“结束日期”,有时日期组件会显示转换,有时则不会。

有没有人提出这个问题?我们可以用 scss 以某种方式修复它吗?

0 投票
0 回答
343 浏览

javascript - 如何在 Meteor.js 的 React 组件中导入 CSS

我正在尝试在反应组件中导入“反应日期”。

但每次我收到这个错误

我正在使用 Meteor.js 和cleverbeagle pup starter 项目。 https://github.com/cleverbeagle/pup

如果您需要任何其他信息,请告诉我。

0 投票
1 回答
989 浏览

javascript - 故事书中的垂直滚动不准确

我正在尝试在我的代码中实现这个 react-dates 示例,在故事书中: http ://airbnb.io/react-dates/?selectedKind=DayPickerRangeController&selectedStory=vertical%20scrollable&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook% 2Factions%2Factions-面板

看起来他们显示的关于他们传递的组件道具的信息不准确:

在此处输入图像描述

它就像从前面的示例中复制和粘贴一样。

因此,故事书示例,“垂直可滚动”和“带有自定义月份导航的垂直滚动”使用不同的函数来加载更多月份,它不能是“ onPrevMonthClick ”和“ onNextMonthClick ”,显示在“显示信息”按钮上.

如何覆盖“向下箭头”以加载更多月份?

以前有人遇到过这个问题吗?

0 投票
1 回答
717 浏览

react-dates - React-dates SDP - 今天如何禁用?

我正在使用 Airbnb 的 react-dates (SingleDatePicker),但我不知道如何禁用今天的日期。其他一切都很好,我只是不希望他们今天能够选择。