github.com/apremalal/vamps-core@v1.0.1-0.20161221121535-d430b56ec174/server/webapps/app/base/plugins/fullcalendar/demos/theme.html (about)

     1  <!DOCTYPE html>
     2  <html>
     3  <head>
     4  <meta charset='utf-8' />
     5  <link rel='stylesheet' href='../lib/cupertino/jquery-ui.min.css' />
     6  <link href='../fullcalendar.css' rel='stylesheet' />
     7  <link href='../fullcalendar.print.css' rel='stylesheet' media='print' />
     8  <script src='../lib/moment.min.js'></script>
     9  <script src='../lib/jquery.min.js'></script>
    10  <script src='../fullcalendar.min.js'></script>
    11  <script>
    12  
    13  	$(document).ready(function() {
    14  
    15  		$('#calendar').fullCalendar({
    16  			theme: true,
    17  			header: {
    18  				left: 'prev,next today',
    19  				center: 'title',
    20  				right: 'month,agendaWeek,agendaDay'
    21  			},
    22  			defaultDate: '2014-09-12',
    23  			editable: true,
    24  			eventLimit: true, // allow "more" link when too many events
    25  			events: [
    26  				{
    27  					title: 'All Day Event',
    28  					start: '2014-09-01'
    29  				},
    30  				{
    31  					title: 'Long Event',
    32  					start: '2014-09-07',
    33  					end: '2014-09-10'
    34  				},
    35  				{
    36  					id: 999,
    37  					title: 'Repeating Event',
    38  					start: '2014-09-09T16:00:00'
    39  				},
    40  				{
    41  					id: 999,
    42  					title: 'Repeating Event',
    43  					start: '2014-09-16T16:00:00'
    44  				},
    45  				{
    46  					title: 'Conference',
    47  					start: '2014-09-11',
    48  					end: '2014-09-13'
    49  				},
    50  				{
    51  					title: 'Meeting',
    52  					start: '2014-09-12T10:30:00',
    53  					end: '2014-09-12T12:30:00'
    54  				},
    55  				{
    56  					title: 'Lunch',
    57  					start: '2014-09-12T12:00:00'
    58  				},
    59  				{
    60  					title: 'Meeting',
    61  					start: '2014-09-12T14:30:00'
    62  				},
    63  				{
    64  					title: 'Happy Hour',
    65  					start: '2014-09-12T17:30:00'
    66  				},
    67  				{
    68  					title: 'Dinner',
    69  					start: '2014-09-12T20:00:00'
    70  				},
    71  				{
    72  					title: 'Birthday Party',
    73  					start: '2014-09-13T07:00:00'
    74  				},
    75  				{
    76  					title: 'Click for Google',
    77  					url: 'http://google.com/',
    78  					start: '2014-09-28'
    79  				}
    80  			]
    81  		});
    82  		
    83  	});
    84  
    85  </script>
    86  <style>
    87  
    88  	body {
    89  		margin: 40px 10px;
    90  		padding: 0;
    91  		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    92  		font-size: 14px;
    93  	}
    94  
    95  	#calendar {
    96  		max-width: 900px;
    97  		margin: 0 auto;
    98  	}
    99  
   100  </style>
   101  </head>
   102  <body>
   103  
   104  	<div id='calendar'></div>
   105  
   106  </body>
   107  </html>