添加holiday假日到fullcalendar ,Add Holiday Calendars to Full Calendar

如果你使用fullcalendar，添加holiday假日的方法如下：

googleCalendarApiKey : 'PUT-YOUR-GOOGLE-API-HERE', // google api key 

eventSources: [
    {url:'https://www.google.com/calendar/feeds/en.usa#holiday@group.v.calendar.google.com/public/basic',cache:true}, // us holiday
    {url:'https://www.google.com/calendar/feeds/zh.china#holiday@group.v.calendar.google.com/public/basic',cache:true}, // china holiday
    //'https://www.google.com/calendar/feeds/en.christian#holiday@group.v.calendar.google.com/public/basic', // Christian holiday
    {url:BASEPATH + '/get_events',cache:true}, //local
],

你首先必须申请一个google api key，方法点击这里。另外还需要引入一个js文件：gcal.min.js.

更多参考：https://fullcalendar.io/docs/google_calendar/

Full Calendar 我的简单设置如下：

$(document).ready(function () { 
	var date = new Date(),d = date.getDate(),m = date.getMonth(),y = date.getFullYear();
	var calendar = $('#calendar').fullCalendar({
		buttonHtml: {
			prev: '<i class="ace-icon fa fa-chevron-left"></i>',
			next: '<i class="ace-icon fa fa-chevron-right"></i>'
		},
		header: {
			left: 'title',
			center: '',
			right: 'prev,next today'
		},
		googleCalendarApiKey : 'PUT-YOUR-GOOGLE-API-HERE', 
		eventSources: [
	        {url:'https://www.google.com/calendar/feeds/en.usa#holiday@group.v.calendar.google.com/public/basic',cache:true}, // us holiday
	        {url:'https://www.google.com/calendar/feeds/zh.china#holiday@group.v.calendar.google.com/public/basic',cache:true}, // china holiday
	        {url: BASEURL + 'calendar/get_events',cache:true}, //local
		],
		eventClick: function(calEvent, jsEvent, view){ if((!calEvent.url || calEvent.url.indexOf('google.com/calendar/event')<0) && calEvent.id) location=BASEURL+'calendar/firstday/'+moment(calEvent.start).format('YYYY-MM-DD'); },
		editable: true,
		selectable: true,									
		select: function(start, end, jsEvent, view){ location=BASEURL+'calendar/firstday/'+moment(start).format('YYYY-MM-DD'); },
		eventRender: function(event, element, view) {
	         $(element).qtip({ 
	        	content: event.description ? {title:event.title,text:event.description} : event.title,
	        	position: {my:'top center',at:'bottom center'},
				style: 'qtip-dark',
				hide: {when: {event:'mouseout unfocus click'}}
	        });
	    },
	});
});

holiday假日, google源在这里：

也可以参考：https://calendar.teamup.com/kb/holiday-calendar-feeds-preview-teamup/

关于中国农历，可以参考文章：改造FullCalendar增加节气、节日和农历显示, add lunar for FullCalendar

本文：添加holiday假日到fullcalendar ,Add Holiday Calendars to Full Calendar