版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Vagrenter/article/details/79170741
先上效果图
我就不对Fullcalendar做过多阐述了,直接进入正题
1.先说说数据填充 后台aspx.cs代码
这个后台只是为了方便给大家讲events数据源,主要看下面的events数据源格式规范,后台随你们自己写,返个json出来就ok了,或者把源数据丢出来,自己在页面each按照规范拼成events数据源,方法思路很多,最终都是为了events数据源
数据源格式规范:“{\"url\":\"数据条超链接点击地址(直接放超链接地址 或者放javascript: ,触发页面的js)\",\"className\":\"这是个啥我忘了 就空着吧\",\"title\":\"这个是显示的内容\",\"start\":\"数据条开始日期\"}”
具体可以自己看看Fullcalendar的api,我这里的规则不一定适合所有人
aspx页面代码:
页面使用的是ajax获取,这里的data就是后台拼接的df,data编译之后就获得了我们的events数据源,完成页面数据填充
2.给日程单元格加上背景颜色
这里同样是运用js代码实现的,大概思路:获取月视图所有td标签,进行循环,当该单元格的时间与数据源的start匹配时,给其添加背景颜色。
3.更新events数据源
后记:讲解的不是很详尽,希望在这里能够帮到大家。大家有什么疑问可以留言,博主一定精心解答。