带有事件的日历怎么实现呢?

图片描述

如图这样的一个日历,是一个可以在每个日期里面添加的事件的,怎个怎么实现呢,有没有推荐的插件

阅读 6.7k
5 个回答

基本都还是通过click事件,弹出form传入参数和后台进行数据交互的。
fullcalendar

我的思路,给每个日期格子添加 dblclick 事件,使格子的 contenteditable 变为true,可以直接进行编辑。监听键盘事件,如果按下 enter 键,使格子的 contenteditable 变为false,并先后端发送请求使存储到数据库,如果纯前端可以存储到 localStorage

简单的分析实现这个功能主要两部分,以下是简单实现的思路:
1,制作日历并展示
获取当月的天数并获取当月所有已有备忘内容,判断当月1号是星期几,循环输出日历并罗列出备忘内容。切换日期只有重新计算即可。
2,添加删除显示信息
基本的数据操作。

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