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

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