JQuery fullcalendar使用

来源:互联网 发布:qq记牌器源码 编辑:程序博客网 时间:2024/04/25 21:01

最近一直在研究日历,下面介绍fullcalendar的注意事项:

FullCalendar官方文档:https://fullcalendar.io/docs/


fullcalendar有很多版本,各个版本对IE的版本也有区别。当使用高版本的fullcalendar(2&3),IE7或者8不支持。所以请看好需求,以及环境。 

国际化:1.x版本 不支持国际化。需要自己在js里自定义。2.x以及支持。

1.x版本 国际化
titleFormat: {   month: 'MMMM yyyy',   week: "MMM d[ yyyy]{ '—'[ MMM] d yyyy}",   day: 'dddd, MMM d, yyyy'},monthNames:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),monthNamesShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),dayNames: "星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),dayNamesShort:"日_一_二_三_四_五_六".split("_"),buttonText: {   today: '今天',   month: '月',   week: '周',   day: '天'}
2.x以上
lang  locate
 eventAfterRender : function(event, element, view) {  //var evtcontent = '<a src="http://www.baidu.com"></a>';              var fstart  = $.fullCalendar.formatDate(event.start, "HH:mm");              var fend  = $.fullCalendar.formatDate(event.end, "HH:mm");              var titlebg =  '<span class="fc-event-conf">'+fstart+"-"+fend+' </span><br>';              var evtcontent = '<div class="fc-event-vert">'+titlebg+'<a href="javascript:;" onclick="viewCalendar('+event.id+",'"+event.title+"','"+event.description+"','"+event.start+"','"+event.end+"'"+');">';              evtcontent = evtcontent + '<span> ' +  event.title + '</span></a></div>';              element.html(evtcontent);          },

0 0
原创粉丝点击