annotate bootstrap-year-calendar/index.html @ 103:4043aaa41075

add bootstrap-year-calendar
author paulo
date Thu, 07 Mar 2019 00:52:02 -0800
parents
children
rev   line source
paulo@103 1 <html>
paulo@103 2 <head>
paulo@103 3 <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
paulo@103 4 <link rel="stylesheet" type="text/css" href="bootstrap-year-calendar.min.css">
paulo@103 5 </head>
paulo@103 6 <body>
paulo@103 7 <script src="jquery-1.10.min.js"></script>
paulo@103 8 <script src="bootstrap.min.js"></script>
paulo@103 9 <script src="bootstrap-year-calendar.min.js"></script>
paulo@103 10
paulo@103 11 <div id="calendar"></div>
paulo@103 12 </body>
paulo@103 13
paulo@103 14 <script>
paulo@103 15 $("#calendar").calendar({
paulo@103 16 customDayRenderer: function(cellContent, currentDate) {
paulo@103 17 var todayDateString = (new Date()).toDateString();
paulo@103 18 if (currentDate.toDateString() == todayDateString) {
paulo@103 19 cellContent.css('background', '#EEE');
paulo@103 20 }
paulo@103 21 }
paulo@103 22 });
paulo@103 23 </script>
paulo@103 24
paulo@103 25 </html>