Witam, potrzebuje pomocy przy kalendarzu a mianowicie jak chce aby zaczytał moje ustawienia kompletnie tego nie widzi gdzie popełniam błąd

strona z kalendarzem link http://www.bootstrap-year-calendar.com/

w pliku script.js umieszczam taki kod ale on nie reaguje

[JAVASCRIPT] pobierz, plaintext 
  1. $(function() {
  2.     var currentYear = new Date().getFullYear();
  3.  
  4.     var redDateTime = new Date(currentYear, 2, 13).getTime();
  5.     var circleDateTime = new Date(currentYear, 1, 20).getTime();
  6.     var borderDateTime = new Date(currentYear, 0, 12).getTime();
  7.  
  8.     $('#calendar').calendar({ 
  9.         customDayRenderer: function(element, date) {
  10.             if(date.getTime() == redDateTime) {
  11.                 $(element).css('font-weight', 'bold');
  12.                 $(element).css('font-size', '15px');
  13.                 $(element).css('color', 'green');
  14.             }
  15.             else if(date.getTime() == circleDateTime) {
  16.                 $(element).css('background-color', 'red');
  17.                 $(element).css('color', 'white');
  18.                 $(element).css('border-radius', '15px');
  19.             }
  20.             else if(date.getTime() == borderDateTime) {
  21.                 $(element).css('border', '2px solid blue');
  22.             }
  23.         }
  24.     });
  25. });
[JAVASCRIPT] pobierz, plaintext


plik html wygląda tak

[HTML] pobierz, plaintext 
  1. <html><head>
  2. 		<link rel="stylesheet" type="text/css" href="http://www.bootstrap-year-calendar.com/css/bootstrap.min.css">
  3. 		<link rel="stylesheet" type="text/css" href="http://www.bootstrap-year-calendar.com/css/bootstrap-datepicker.min.css">
  4. 		<link rel="stylesheet" type="text/css" href="http://www.bootstrap-year-calendar.com/css/bootstrap-theme.min.css">
  5. 		<link rel="stylesheet" type="text/css" href="css/bootstrap-year-calendar.min.css">
  6. 		<link rel="stylesheet" type="text/css" href="css/style.css">
  7. 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. 		<meta name="Content-Type" content="text/html; charset=utf-8">
  9. 		<meta name="title" content="Bootstrap year calendar">
  10. 		<meta name="description" content="The fully customizable year calendar widget, for bootstrap !">
  11. 		<meta name="keywords" content="bootstrap, jquery, javascript, widget, calendar, year, component, library, framework, html, css, api">
  12. 		<meta name="author" content="Paul DAVID-SIVELLE">
  13. 		<title>Examples - bootstrap-year-calendar</title>
  14. 	</head>
  15.  
  16.  
  17.  
  18.  
  19.  
  20. 		<div data-provide="calendar" class="calendar"  id="calendar"></div>
  21.  
  22.  
  23.  
  24. 		<script src="http://www.bootstrap-year-calendar.com/js/jquery-1.10.2.min.js"></script>
  25. 		<script src="js/bootstrap-year-calendar.min.js"></script>
  26. 		<script src="js/scripts.js"></script>
  27.  
  28.  
  29.  
  30.  
  31. 	</body>
  32. </html>
  33.  
[HTML] pobierz, plaintext



Problem już rozwiązany wystarczyło napisać na forum i głowa ruszyła, znacznik <javascript> musi miec class

<script type="text/javascript" class="publish">