"Untitled"
Bootstrap 3.0.3 Snippet by 4567

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div id="calendar"></div> <link rel="stylesheet" href="css/jquery.e-calendar.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="js/jquery.e-calendar.js"></script>
$(document).ready(function () { $('#calendar').eCalendar({ weekDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], textArrows: {previous: '<', next: '>'}, eventTitle: 'Events', url: '', firstDayOfWeek: 0, events: [ {title: 'Event 1', description: 'Description 1',time: new Date(2014, 7, 15, 17)}, {title: 'Event 2', description: 'Description 2', datetime: new Date(2014, 7, 14, 16)}, {title: 'Event 3', description: 'jQueryScript.Net', datetime: new Date(2014, 7, 10, 16)} ]}); });

Related: See More


Questions / Comments: