最近一直在研究日历,下面介绍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 locateeventAfterRender : 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:;" οnclick="viewCalendar('+event.id+",'"+event.title+"','"+event.description+"','"+event.start+"','"+event.end+"'"+');">'; evtcontent = evtcontent + '<span> ' + event.title + '</span></a></div>'; element.html(evtcontent); },