css - 带有事件的日历怎么实现呢?
怪我咯
怪我咯 2017-04-17 13:12:13
[HTML讨论组]

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

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(5)
高洛峰

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

迷茫

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

阿神

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

伊谢尔伦

试试CLNDR.js

阿神

个人使用感觉还可以的,推荐一下
fullcalendar日历控件知识点集合 - yuzhongwusan - 博客园
http://www.cnblogs.com/yuzhongwusan/archive/2013/04/10/3012646.html

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号