fullcalendar - FullCalendar,在 selectOverlap 回调中获取当前日期?
问题描述
我正在使用 FullCalendar 5 和interactionPlugin
in React。我希望允许用户选择没有事件的任何日期以及事件结束的任何日期。因此,如果有一个从 4 月 1 日到 3 日的活动,我希望能够选择 3 日、4 日、5 日等,但不能选择 2 日。那有意义吗?
我正在使用selectOverlap
它,当用户将鼠标拖到事件上时它会触发。我能够获取事件的开始日期和结束日期,但不能获取用户选择的日期范围。有没有办法获取用户在selectOverlap
回调中选择的日期范围?如果没有,我可以使用另一个回调来获取鼠标当前结束的日期吗?
<FullCalendar
ref={calendarRef}
timeZone={timezone}
plugins={[dayGridPlugin, interactionPlugin, momentTimezonePlugin]}
selectOverlap={handleSelectOverlap}
...
/>
const handleSelectOverlap = (event) => {
console.log("end", event.end);
// I have the event's end date but how do I get the current date the mouse is over?
return false;
};
解决方案
我认为你不能通过 selectOverlap 做到这一点——它只允许一个简单的是/否来判断它是否重叠,它不能告诉你它在哪里重叠。
我认为您必须使用https://fullcalendar.io/docs/selectAllow进行自己的验证- 它为您提供用户刚刚选择的范围的开始和结束日期 - 和https://fullcalendar.io/ docs/Calendar-getEvents - 获取当前日历上的所有事件 - 然后自己检查每个事件的选择。
推荐阅读
- ios - AVCapturePhotoOutput 崩溃
- ios - 在设备上构建时出现代码签名错误
- python - python-igraph如何添加带有权重的边?
- json - 将 JSON 导入 Sketch 应用程序
- bash - bash 中的 Nagios 事件处理程序脚本以重新启动服务,如果未启动,则在满足条件之前不要重新启动下一个
- opengl - openGL 2D 视差滚动纹理撕裂/接缝
- subquery - Informix- HQL - 自联接
- postgresql - 如何在不丢失任何现有数据的情况下转换数据库列类型?
- r - R - 针织 - 代码块 - 失败
- tensorflow - 为什么 tf.cond 似乎同时运行两个分支?