Asp.Net利用Ajax实现Fullcalendar3.8.0动态获取更新events并修改日程单元格背景颜色

版权声明:本文为博主原创文章,未经博主允许不得转载。 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数据源

后记:讲解的不是很详尽,希望在这里能够帮到大家。大家有什么疑问可以留言,博主一定精心解答。

猜你喜欢

转载自blog.csdn.net/Vagrenter/article/details/79170741