jQuery Full Calendar

Goto Year:

jQuery Full Calendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar).

Chinese Lunar Calendar

$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
	
var options = { 
   editable: true,
   theme: false,
   header: {
	left: 'prevYear,prev,next,nextYear today',
	center: 'title',
	right: 'month,agendaWeek,agendaDay'
   },
   events: [
	{
		title: 'All Day Event',
		start: new Date(y, m, 7)
	},
    {
		title: 'Click for BangTech',
		start: new Date(y, m, 1),
		end: new Date(y, m, 2),
		url: 'http://data.bangtech.com/'
	}
   ]
  }; 
	
$('#calendar').fullCalendar(options);
	
});