javascript
/
fullcalendar
cermin dari https://github.com/fullcalendar/fullcalendar.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
							<!DOCTYPE html>
<html>
<head>
<link href='../build/out/fullcalendar.css' rel='stylesheet' />
<link href='../build/out/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='../lib/jquery/jquery.js'></script>
<script src='../lib/jquery-ui/ui/jquery-ui.js'></script>
<script src='../lib/moment/moment.js'></script>
<script src='../build/out/fullcalendar.js'></script>
<script src='lib/themeswitcher/jquery.themeswitcher.js'></script>
<script>

function initCalendar() {

	var date = new Date();
	var d = date.getDate();
	var m = date.getMonth();
	var y = date.getFullYear();

	$('#calendar').fullCalendar({
	
		theme: true,
		editable: true,
		//weekends: false,
		
		header: {
			left: 'prev,next today', //'prevYear,prev,next,nextYear today',
			center: 'title',
			right: 'month,agendaWeek,agendaDay' //'month,agendaWeek,basicWeek,agendaDay,basicDay'
		},
		
		/*
		buttonIcons: {
			prev: 'triangle-1-w',
			next: 'triangle-1-e',
			today: 'home'
		},
		*/
		
		/*
		isRTL: true,
		header: {
			left: 'nextYear,next,prev,prevYear today',
			center: 'title',
			right: 'month,agendaWeek,basicWeek,agendaDay,basicDay'
		},
		*/
		
		events: [
			{
				title: 'All Day Event',
				start: new Date(y, m, 1)
			},
			{
				title: 'Long Event',
				start: new Date(y, m, d-5),
				end: new Date(y, m, d-2)
			},
			{
				id: 999,
				title: 'Repeating Event',
				start: new Date(y, m, d-3, 16, 0),
				allDay: false
			},
			{
				id: 999,
				title: 'Repeating Event',
				start: new Date(y, m, d+4, 16, 0),
				allDay: false
			},
			{
				title: 'Meeting',
				start: new Date(y, m, d, 10, 30),
				allDay: false
			},
			{
				id: 777,
				title: 'Lunch',
				start: new Date(y, m, d, 12, 0),
				end: new Date(y, m, d, 14, 0),
				allDay: false,
				//className: 'yellow-event black-text-event',
				className: ['yellow-event', 'black-text-event']
			},
			{
				title: 'Birthday Party',
				start: new Date(y, m, d+1, 19, 0),
				end: new Date(y, m, d+1, 22, 30),
				allDay: false
			},
			{
				title: 'Click for Google',
				start: new Date(y, m, 28),
				end: new Date(y, m, 29),
				url: 'http://google.com/'
			}
		]
	});
	
}


$(document).ready(function() {

	initCalendar();
	
	$('#switcher').themeswitcher({
		imgPath: 'lib/themeswitcher/images/',
		loadTheme: 'Cupertino',
		height: 400,
		onSelect: function(theme) {
			setTimeout(function() {
				$('#calendar').fullCalendar('render');
			},1000);
		}
	});
	
});

</script>
</head>
<body style='font-size:13px;margin:0'>
<div id="switcher" style='position:absolute;top:5px;left:5px'></div>
<div id='calendar' style='width:900px;margin:50px auto 0;font-family:arial'></div>
</body>
</html>