javascript
/
fullcalendar
дзеркало https://github.com/fullcalendar/fullcalendar.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
							<!DOCTYPE html>
<html>
<head>
<link href='../../dist/fullcalendar.css' rel='stylesheet' />
<link href='../../dist/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='../../node_modules/jquery/dist/jquery.js'></script>
<script src='../../node_modules/moment/moment.js'></script>
<script src='../../dist/fullcalendar.js'></script>
<script src='themeswitcher/jquery.themeswitcher.js'></script>
<script>

function initCalendar() {

  $('#calendar').fullCalendar({
    theme: true,
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay,listWeek'
    },
    defaultDate: '2017-07-12',
    weekNumbers: true,
    navLinks: true, // can click day/week names to navigate views
    editable: true,
    eventLimit: true, // allow "more" link when too many events
    events: [
      {
        title: 'All Day Event',
        start: '2017-07-01'
      },
      {
        title: 'Long Event',
        start: '2017-07-07',
        end: '2017-07-10'
      },
      {
        id: 999,
        title: 'Repeating Event',
        start: '2017-07-09T16:00:00'
      },
      {
        id: 999,
        title: 'Repeating Event',
        start: '2017-07-16T16:00:00'
      },
      {
        title: 'Conference',
        start: '2017-07-11',
        end: '2017-07-13'
      },
      {
        title: 'Meeting',
        start: '2017-07-12'
      },
      {
        title: 'Lunch',
        start: '2017-07-12'
      },
      {
        title: 'Meeting',
        start: '2017-07-12'
      },
      {
        title: 'Happy Hour',
        start: '2017-07-12'
      },
      {
        title: 'Dinner',
        start: '2017-07-12'
      },
      {
        title: 'Birthday Party',
        start: '2017-07-13T07:00:00'
      },
      {
        title: 'Click for Google',
        url: 'http://google.com/',
        start: '2017-07-28'
      }
    ]
  });

}


$(document).ready(function() {

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

</script>
</head>
<body style='font-size:14px;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>