飞书日历的空白区域拖拽新建日程是怎么实现的?

最近工作中需要开发一个类似于飞书日历的功能(技术栈是react+redux),本来想在GitHub上直接拉一个类似的开源项目下来改改用,没想到有类似功能的项目很少,而且有也是只有部分功能,并不符合我的要求。

所以只能硬着头皮自己开发一个了,但是在研究飞书这个功能的过程中发现他们好像是在日历的表格上添加了一个蒙层,拖拽新建日程时是直接在蒙层上画的区块,以前没有搞过这种所以也是一头雾水。

功能示例

所以现在想请教以下问题:

  1. 新建日程的功能是不是在蒙层上实现的,如果是,我现在的表格单元格都是遍历渲染的,怎么获取单元格的坐标,从而在蒙层对应的坐标上画日程区块呢?
  2. 如果各位知道有类似的开源项目请丢给我,我去研究下(中英文皆可,FullCalendar已经试过了,和我项目其他依赖有冲突...)。

感谢!🙏

阅读 1.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题