Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
  <link href="http://arshaw.com/js/fullcalendar/fullcalendar.css" type="text/css" rel="stylesheet"/>
  <script src="http://arshaw.com/js/fullcalendar/fullcalendar.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
</style>
</head>
<body>
  <div id="calendar"></div>
</body>
</html>
 
$(function() {
function MyEvents(start,end, callback) {
  var events = [];
  // Setup the meeting on the this weeks "monday"
  var meeting = new Date(start.getFullYear(), 
                         start.getMonth(), 
                         start.getDate(),
                         4, 30, 00);
  
  var endmeeting = new Date(2010, 07, 06, 8, 00, 00);
  
  meeting.setDate((meeting.getDate() - meeting.getDay()) + 1);
  
  var newEnd = new Date(end);
  var maxEnd = new Date((newEnd.getFullYear() + 1), newEnd.getMonth(), newEnd.getDate());
  
  //==========Calculate Repeat===========//
  var oneDay = 1000 * 60 * 60 * 24;
  var date1 = meeting.getTime();
  var date2 = endmeeting.getTime();
  var difference = Math.abs(date1 - date2);
  var days = Math.abs(difference / oneDay);
   
  while (meeting <= maxEnd) {
        var endDate = new Date();
        endDate.setDate(meeting.getDate() + days);
        events.push({
            id: 2,
            title: "Monday Meeting",
            start: new Date(meeting.valueOf()),
            end: endDate,
            allDay: false
        });
        // increase by one week
        meeting.setDate(meeting.getDate() + 7);
    }
  callback(events);
}
$('#calendar').fullCalendar({
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,basicWeek,basicDay'
      },
      events: MyEvents
    });
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers