Skip to content

Instantly share code, notes, and snippets.

@inexplicable

inexplicable/full-calendar.html

Created February 6, 2017 23:33
Show Gist options
  • Save inexplicable/6601b75ecacc1559965e95145701c422 to your computer and use it in GitHub Desktop.
Save inexplicable/6601b75ecacc1559965e95145701c422 to your computer and use it in GitHub Desktop.
Download ZIP
use of full calendar jquery plugin
Raw
full-calendar.html
<!DOCTYPE html>
<html>
<head>
<title>My Calendar</title>
<link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.css">
</head>
<body>
<div id="calendar"></div>
<script>
window.$ = window.jQuery = require('./bower_components/jquery/dist/jquery.js');
</script>
<script type="text/javascript" src="bower_components/moment/moment.js"></script>
<script type="text/javascript" src="bower_components/fullcalendar/dist/fullcalendar.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
// put your options and callbacks here
dayClick: function(date, jsEvent, view) {
console.log('Clicked in:%s on:%s', view.name, date.format());
}
})
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment