问题标签 [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 投票
1 回答
308 浏览

reactjs - 在点击 react-date-range 定义的范围时使用回调

在此处输入图像描述

单击包围的范围时如何添加回调?我想根据选择的范围更改输入占位符。例如,用户单击“本周”,因此右侧的占位符也应更改为“本周”。我已经把文档变红了,但我找不到我需要的东西。非常感谢您提前提供的帮助!这是我的代码片段。

0 投票
2 回答
554 浏览

reactjs - 如何更改 react-date-range 包中选择的输入颜色?

我无法使用此日期选择器包中选择的焦点输入的 css 背景颜色进行自定义

0 投票
1 回答
193 浏览

reactjs - react-date-range 创建自定义 inputRanges

我正在使用 react-date-range 组件,并想在界面左侧添加一些我自己的自定义 inputRanges。目前有,昨天,上周,上个月等。我想添加“今年”,“去年”,“12个月前”

我可以使用删除预设范围

inputRanges={[]}

但我正在努力确定如何添加我自己的范围。我看到范围对象的形状是:

但是填充对象并将其作为数组元素传递给 inputRanges 也不起作用:

我在这里阅读文档,但没有多大帮助:https ://www.npmjs.com/package/react-date-range

0 投票
0 回答
52 浏览

javascript - 在“react-bootstrap-daterangepicker”中更改日历语言的语言环境不起作用?

我已经导入了这个,但它不起作用: import DateRangePicker, { registerLocale } from ' react-bootstrap-daterangepicker'; 从 'date-fns/locale/de' 导入 de;并使用如下语言环境:

`

0 投票
0 回答
32 浏览

reactjs - Uncaught TypeError: (0 , n.default) is not a function when using react-date-range

我将这个https://www.npmjs.com/package/react-date-range用于我的故事书项目。那里工作正常。但是,虽然将此集成到任何其他项目意味着时间低于错误, .js:7 Uncaught TypeError: (0 , n.default) is not a function when using react-date-range 但在我的组件的 lib.js 文件中,在 UI 中打开日历时。UI 以空白屏幕结束。任何想法或建议都会有所帮助。

0 投票
0 回答
21 浏览

reactjs - React-Bootstrap-DateRangePicker:使用 isInvalidDate 选项的问题

我正在尝试使用 react bootsrap DateRangePicker 但我真的不明白使用 isInvalidDate 选项的正确方法。

这是它的定义:

isInvalidDate:(函数)在两个日历中的每个日期显示之前传递它们的函数,并且可能返回 true 或 false 以指示该日期是否应该可供选择。

我需要该功能做的是检查从我的服务器检索的预订日期数组,并禁用预订日期。

这是我编写的代码,但不起作用:

我在 React 中使用了一个功能组件。

任何人都有使用此选择器的经验,并且可以帮助我了解我做错了什么以及使用 isInvalidDate 选项的正确方法是什么?

谢谢!

0 投票
1 回答
31 浏览

daterangepicker - React 的 DateRangePicker 中的最大天数限制如何?

如何实现 React的DateRangePicker中的最大天数限制?

0 投票
1 回答
91 浏览

reactjs - 更改 DateRangePicker Reactjs MUI 的默认日期

DateRangePicker 默认显示今天的日期。是否可以将特定日期设置为默认日期。

0

输入文本字段的高度不会随内联 css 改变。

日期范围选择器

0 投票
0 回答
12 浏览

reactjs - 如何在 react-date-range 中添加周数

我正在使用 react-date-range 包选择日期,我想在其中添加周数,但找不到与周数相关的任何内容。

反应日期范围:https ://www.npmjs.com/package/react-date-range

有人可以帮我完成这件事吗?

提前致谢!