问题标签 [react-native-calendars]

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

react-native - 无法使用 react-native-calendars

错误:捆绑失败:错误:无法hoist-non-react-statics 从以下位置解析模块E:\DEVELOPMENTWORKSPACE\test\node_modules\react-native-calendars\src\expandableCalendar\asCalendarConsumer.js:模块hoist-non-react-statics在 Haste 模块映射中不存在

这可能与https://github.com/facebook/react-native/issues/4968有关

要解决,请尝试以下操作:

  1. 清除守望者手表:watchman watch-del-all
  2. 删除node_modules文件夹:rm -rf node_modules && npm install.
  3. 重置 Metro Bundler 缓存:rm -rf /tmp/metro-bundler-cache-*npm start -- --reset-cache.
  4. 移除急速缓存:rm -rf /tmp/haste-map-react-native-packager-*.
0 投票
2 回答
1971 浏览

javascript - 如何在反应本机日历中设置多个选定的日期颜色?

react-native-calendars在我的项目中使用。我正在尝试选择多个日期并尝试更改其颜色。当我安慰选定的日期时,我得到了选定的日期。但我无法改变它的颜色。任何帮助都非常感谢。以下是我的代码

日历.js

以下是控制台结果

0 投票
1 回答
1248 浏览

react-native - 使用 react-native 日历条仅显示 3 个日期

如何使用 react-native 日历条仅显示当前日期 +1 和 -1 天。

Ex- 19 20 21 而不是其他日期

我正在使用 react-native-calendar-strip

0 投票
1 回答
357 浏览

react-native - react-native-calendars:呈现事件计数而不是markedDates中的点

是否可以在 react-native-calendars 议程中呈现每天的事件计数而不是一个点?假设我一天有 2 个事件,那么数字 2 应该显示在该日期下方。任何示例将不胜感激。

0 投票
1 回答
2751 浏览

javascript - 如何动态更改 react-native-calendars 的 items 道具中日期键的日期

我正在尝试更改 items 道具中的日期以响应本机日历。从文档中可以看出,它需要一个日期字符串作为键,然后需要一个对象数组来显示该特定日期。

像这样的东西。

但是,我不想硬编码日期。我想要的是显示下周的日期。这是我尝试过的方法

我得到日期使用

我将此日期传递给每周项目以获取我的每周项目对象。下面的函数使用另外两个调用的函数addDaysdateToString正确呈现日期。

addDays并且dateToString是我的辅助功能:

此函数将日期对象转换为 'YYYY-MM-DD' 的形式,这是Agenda

我检查了我的日期是否正确,他们都检查了。我也使用currentDateandday6作为我的对象,用于minDatemaxDate道具Agenda,它们按预期工作。

这样做之后,我Agenda现在看起来像这样:

这使它停止工作。我知道我的每周项目中有空数组,但现在我只是想让日期正常工作,不幸的是它们没有。任何帮助,将不胜感激。

0 投票
1 回答
1796 浏览

reactjs - 每次我调用 OnDayPress 时,react-native-calendar 都会重新呈现到当前月份

我正在使用,当我通过单击日期react-native-calendar调用时,日历会跳转到当前月份。onDayPress

我的意思是假设我点击 11 月 12 日,日历跳转到 10 月,也就是当前月份。

我的想法是,每次onDayPress调用时,日历都会重新渲染,并将自身重新定位到current日期,所以我尝试在其中设置今天的日期,useEffect因此它只在组件安装时渲染一次,但没有任何区别.

0 投票
2 回答
2386 浏览

react-native - 如何在本机反应中禁用已经选择的开始日期和结束日期的日期

我正在使用 react-native-calendar-picker 库
如何禁用日期 b/w 选择的 startdate 和 enddate
请帮帮我!

https://www.npmjs.com/package/react-native-calendar-picker


这里渲染函数

0 投票
0 回答
1556 浏览

javascript - 如何在 React Native Calendars 上选择日期范围

我正在使用 React Native Calender,只有当我按下它两次时才会选择日期,但不会在第一次点击时被选中。我也希望能够使用句点标记功能,但不确定如何实现startingDayendDay放入数组。

例如,日期集合必须分配参数以通过以下方式指示它的开始日期或结束日期:

我尝试了以下作为markedDates属性,但没有奏效:

0 投票
3 回答
604 浏览

react-native - react-native-calendars 库中的 undefined is not and object(eveluting 'days[0].clone')

异步组件WillMount() {

渲染方法

每当远程调试 JS 处于应用程序完美状态时,我都无法破解此问题。当我将其关闭时,将显示此错误

0 投票
1 回答
5199 浏览

react-native - 使用 react-native-calendars,如何将按下的日期传递回 'markedDates' 道具?

目标:能够使用prop在日历上选择2个日期react-native-calendarsonDayPress并使用prop中的结果markedDates组成一个天数。

组件.js:

问题:什么都没有发生。日期未“标记”,但 useState 变量已正确分配数据。想知道它是否是重新渲染的问题?如何解决此问题以将所选日期显示为“已标记”?