Skip to content

Instantly share code, notes, and snippets.

@sampathweb

sampathweb/basic_cal.html

Created July 26, 2014 22:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sampathweb/d305fc2b2e0ebfe6aeee to your computer and use it in GitHub Desktop.
Save sampathweb/d305fc2b2e0ebfe6aeee to your computer and use it in GitHub Desktop.
Download ZIP
Raw
basic_cal.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Basic Calendar</title>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.0.2/fullcalendar.css' />
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.0.2/fullcalendar.print.css' />
</head>
<body>
<h1>Hello, world!</h1>
<div id='calendar'></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.0.2/fullcalendar.min.js'></script>
<script>
$(document).ready(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
// put your options and callbacks here
weekends: false, // will hide Saturdays and Sundays
dayClick: function() {
alert('a day has been clicked!');
}
})
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment