问题标签 [react-daterange-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 投票
2 回答
805 浏览

javascript - 使用 react-daterange-picker 的打字稿错误“没有重载匹配此调用。”

当我尝试react-daterange-picker在我的 React Typescript 应用程序中使用时,出现错误

我的代码基于包 repo 中的官方示例

为什么这里会出现 Typescript 错误,我们该如何解决?

反应打字稿代码:

0 投票
2 回答
76 浏览

javascript - 无法使用 react-daterange-picker 在“月”视图中打开

当组件第一次被点击时,我们如何DateRangePicker@wojtekmaj/react-daterange-picker包中设置只显示月份(即像月份选择器)?

尝试使用

但它在“日”视图中打开

在此处输入图像描述

而不是“月”视图

在此处输入图像描述

0 投票
1 回答
131 浏览

reactjs - 如何在 AntD Date ranger Picker 底部添加 Apply 按钮以运行 API 调用?

我的报告中有一个范围选择器来选择开始和结束日期。一旦选择了日期范围(onchange),它将调用 API 并获取数据。但是当用户想要选择另一个日期范围时,它会调用 API 只更改一个日期。

如何将确定或应用按钮添加到范围选择器以提供 API 调用而不是更改日期。范围选择器现在实现如下。

0 投票
1 回答
247 浏览

reactjs - react-daterange-picker 并排显示上个月

我正在使用这个反应日期范围日历插件我有两个月并排使用showDoubleView={true}它正在显示当前月份+下一个。这是默认行为

但现在我想显示上个月 + 当前月份。我该如何指定它?

这是我的代码示例

我试图设置activeStartDate={new Date(2021/2/1)},但日历显示 1970 年

0 投票
2 回答
2096 浏览

javascript - 如何从反应日期范围选择器中删除输入范围?

图像显示日期范围选择器在此处输入图像描述

我想从日期范围选择器中删除截至今天的天数和从今天开始的天数我该怎么做我的代码片段是,

}

0 投票
1 回答
1331 浏览

javascript - 如何设置开始日期和结束日期之间的验证应在 3 年内选择

我是 React JS 新手,如何在 React JS 中实现两个日期字段之间的验证。

例如:结束日期应该只允许根据开始日期在 3 年内选择。

0 投票
1 回答
48 浏览

reactjs - 在日期变量中反应日期范围选择器错误

我无法理解如何解决newStartDateand上的以下错误newEndDate。我将此代码作为 DatePicker 组件的起始代码的一部分。

当我将鼠标悬停在红线newStartDatenewEndDate红线上时,我看到的错误是:

绑定元素“newStartDate”隐式具有“任何”类型.ts(7031)

错误突出显示的代码屏幕截图

我无法理解的是startDate: newStartDate实际endDate: newEndDate代表什么?我该如何解决这个错误?我需要将 newStartDate 声明为类型吗?还是一个变量?在哪里?

0 投票
2 回答
785 浏览

reactjs - 带有禁用日期的 ReactJS 日期范围选择器 - Rsuite

我正在为我的 ReactJS 项目寻找解决方案。在属性页面中,我想显示具有属性可用性的日期范围选择器。通过使用 Postman 运行查询,我可以使用以下格式从日历中获得可用性,尽管我可以操作数组以满足日期范围选择器的要求。

在此处输入图像描述

如何在日期范围选择器内显示被阻止的日期,以便它们不可点击。我已经尝试过使用 rsuite 和 storybook 的 DateRangePicker,但我没有运气。对于 rsuite,数据应具有以下格式:

Rsuite DateRangePicker disableddays 格式

0 投票
0 回答
99 浏览

reactjs - 阻止日历滚动到下个月

我在 react ( react-date-range ) 中为我的日期选择器用例使用 react-date-range 包。用户可以选择未来 30 天内的任何日期范围,不得超过。当用户选择下个月的日期时,当前日历正在滚动到下个月。例如,如果用户选择 2021 年 9 月 10 日,日历会自动显示 9 月和 10 月日历。我的要求是仅显示 8 月和 9 月,即使用户选择下个月 30 天内的日期也是如此。

有什么方法可以禁止日历显示下个月。我只想要本月和下个月。

0 投票
0 回答
1260 浏览

datepicker - 如何自定义 Material UI 日期范围选择器

我正在使用“@material-ui/lab/ MobileDateRangePicker ”中的 MobileDateRangePicker。我正在尝试根据我的需要对其进行自定义。我正在寻找的是

当 MobileDateRangePicker 打开时,我需要首先显示文本输入视图,然后当我单击日历图标时需要显示日历视图。但现在完全相反的事情正在发生。我怎样才能得到我的要求。

这是完整的代码。任何帮助都会对我很有帮助。谢谢你。

沙盒链接:https ://codesandbox.io/s/responsivedaterangepicker-material-demo-forked-8qws4?file=/demo.js