日历任务

js选型

1.fullcalendar
2.tui.calendar
tui.calendar 一点也不好用，不论是接口文档，还是最终效果。
所以选择了fullcalendar

最终效果

image.png

配置

官方有详细的使用examples, demos。这里不再详细重述
有些不是坑的坑，需要明白的
1.如果自定义的title,需要宣染

 //当日程事件渲染时触发
        eventRender: function (info) {
                    $(info.el).html(info.event.title);
                },

2. editable为true时，是可以drop, resize，但自定义title之后，默认是只能drop，至于resize可以研究一下
   start 和end为整天时间，如 2019-11-13

总结

使用思路是，需要自画表单(bootstrap|layui)，配合fullcalendar的api完成crud。
刚开始，需要费点时间去学习，可以很快入手

参考

https://cloud.tencent.com/developer/article/1019452

https://segmentfault.com/a/1190000016863038