问题标签 [react-calendar]

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

javascript - 如何将 --active 附加到 react-calendar__tile?

我正在定制 react-calendar 并发现了一个边缘情况,即使我将selectRangeprop 作为 true 传递给日历,也没有选择开始日期和结束日期之间的整个日期范围。我注意到开始和结束之间的日期,按钮属性读取为react-calendar__tile并且没有--active后缀,这导致它们显示为未选中。有没有办法手动设置?--active当我通过via时,它不会将它附加到正确的位置tileClassName

照片供参考:

在此处输入图像描述

0 投票
2 回答
641 浏览

reactjs - React:在我的 Axios 调用中从数据库转换 DateTime

我试图弄清楚如何在 axios 调用中使用 LUXON 转换我的数据库的日期,这可能还是我应该在数据库数据本身中更改它?

下面是我的代码:

我稍后在渲染时对其进行了转换,但是,我还使用react-calendar作为组件,并尝试预先获取要转换的日期,以便我的 onClick 处理程序在其受尊重的日期渲染日期。

截至目前,数据采用 ISO-8601 日期格式,即 2020-12-21T20:06:52+0000

也许你们有更多的经验?请帮忙!提前致谢!

0 投票
1 回答
116 浏览

css - 在 React 中使用固定的 css 类自定义现有组件

我在我的项目中使用了react-calendar,它使用了一个普通的 CSS 样式表(基本上你将它导入到你的项目中(import 'react-calendar/dist/Calendar.css';)。

我可以自定义编写自己的 CSS 文件的组件,但由于我的项目是可主题化的,我希望能够将一些反应道具传递给 CSS。

我在所有其他组件上使用带有JSS的Material-UI,但是这些类是动态命名的,我找不到使用带有“固定”类名的 JSS 的方法。

有没有办法拥有 CSS-in-JS 解决方案但具有固定的 CSS 类?

就像是:

谢谢!

0 投票
1 回答
81 浏览

reactjs - React-nice-calendar 缺少一年

我在我的应用程序中使用react-nice-calender。问题是您在图像中看到的日历中缺少年份。我该如何解决这个问题!

编码 :

在此处输入图像描述

0 投票
2 回答
805 浏览

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

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

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

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

反应打字稿代码:

0 投票
0 回答
46 浏览

javascript - 部署到 Heroku 时,React-calendar 卡在日期上

我有一个使用 react-calendar 的预订网站,它使用当前日期启动,以便在打开应用程序时显示今天的日期。我使用钩子来做到这一点:

上传到 Heroku 时,它在第一天运行良好,但从第二天开始,它就卡在了部署日期。有趣的部分是代码方面,它似乎仍然知道今天的日期是什么,我已经测试过了。此外,当您移到另一个月然后返回时,它会获得正确的日期。

这是一个显示问题的视频: https ://imgur.com/FayY8R4 (在视频中,当前日期是 3 月 16 日,但部署日期是 3 月 15 日。

有没有人对可能导致这种情况的原因有任何想法?除了使用另一个日历库并重新设置所有内容之外,我已经尝试了所有方法。

0 投票
2 回答
1795 浏览

reactjs - 如何在反应日历中格式化日期?

我检查了文档,找到了 formatLongDate 并尝试了这个,但它不是格式化日期。

我想要这样的日期 YYYY-MMM-dd 但日历给了我这样的日期 Wed Apr 07 2021 00:00:00 GMT+0000 如何格式化这个日期?我对 React JS 真的很陌生。谢谢你。

0 投票
0 回答
150 浏览

reactjs - 如何为 react-calendar 创建事件

如何在反应日历中添加事件?

这是我的项目的样子:

在此处输入图像描述

我是否需要在后端创建一个事件模式,然后创建 useState 以使事件保存在日历中?有什么有效的方法吗?我该怎么做?

这是我在 Calendar.js 中的以下代码:

0 投票
1 回答
22 浏览

reactjs - react-calender defaultStartDate面临问题

我正在使用反应日历。有两个日历,一个是开始日期,另一个是结束日期。考虑开始日期显示 5 月,然后我选择 7 月 1 日。我设置结束日期的默认值将选择开始日期月份(结束日期应显示 7 月月份)但它仍然只显示当前月份。

在这里,我添加了代码和框链接。如何解决这个问题?

0 投票
1 回答
911 浏览

reactjs - 我想更改在大反应日历中单击日期的特定日期的背景颜色

当用户单击特定日期时,应更改背景颜色是否知道如何做到这一点。我已经尝试了很多方法,但是我无法在选定日期设置背景颜色,如果您对此有任何想法,请帮助我

或者

任何免费图书馆请建议