paulo@103: <html>
paulo@103:     <head>
paulo@103:         <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
paulo@103:         <link rel="stylesheet" type="text/css" href="bootstrap-year-calendar.min.css">
paulo@103:     </head>
paulo@103:     <body>
paulo@103:         <script src="jquery-1.10.min.js"></script>
paulo@103:         <script src="bootstrap.min.js"></script>
paulo@103:         <script src="bootstrap-year-calendar.min.js"></script>
paulo@103: 
paulo@103:         <div id="calendar"></div>
paulo@103:     </body>
paulo@103: 
paulo@103: <script>
paulo@103: $("#calendar").calendar({
paulo@103:     customDayRenderer: function(cellContent, currentDate) {
paulo@103:         var todayDateString = (new Date()).toDateString();
paulo@103:         if (currentDate.toDateString() == todayDateString) {
paulo@103:             cellContent.css('background', '#EEE');
paulo@103:         }
paulo@103:     }
paulo@103: });
paulo@103: </script>
paulo@103: 
paulo@103: </html>