最近做的项目需要一个日程插件,在网上找了一些插件觉的fullcalendar 比较好用,总结一下以备后用。

效果图如下:

fullcalendar小结

 1 var calendar = null;
 2  function ShowCalendar() {
 3      if (calendar != null) {
 4          return;
 5      }
 6      var date = new Date();
 7      var d = date.getDate();
 8      var m = date.getMonth();
 9      var y = date.getFullYear();
10      calendar = $('#calendar').fullCalendar({
11          header: {
12              left: 'prev',
13              center: 'title',
14              right: 'next'
15          },
16          disableDragging: true,
17          selectable: true,
18          selectHelper: false,
19          select: function (start, end, allDay) {
20          },
21          editable: true,
22          dayClick: function (date, allDay, jsEvent, view) {
23              var trueDate = $.fullCalendar.formatDate(date, "yyyy-MM-dd")//被点击的日期 
24              ChangeBgColor(this, trueDate, view, jsEvent);
25          },
26          viewDisplay: function (view) {//显示
27              GetTempData();
28          }
29      });
30  }
配置日历

相关文章:

  • 2022-12-23
  • 2021-12-13
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-27
  • 2021-11-30
猜你喜欢
  • 2022-12-23
  • 2021-06-09
  • 2021-06-22
  • 2021-10-11
  • 2022-12-23
  • 2021-09-25
  • 2022-12-23
相关资源
相似解决方案