bootstrap-year-calendar doesn't work
<p>I want to use the bootsrap-year-calendar from this site: <a href="http://www.bootstrap-year-calendar.com/" rel="nofollow noreferrer">http://www.bootstrap-year-calendar.com/</a></p>

<p>Although it's advertised with easy to use I struggle. I'm using Spring Boot V1.4.1, Bootstrap V3.3.7 and Thymeleaf. </p>

<p>I downloaded all the source code from the software mentioned above and the only thing I'm able to do with the calendar is showing the calendar itself. 
I created a new file called calendar.js where I put all the JavaScript for the custom functions of the calendar. I tried displaying the week-numbers but it doesn't even show them. There are examples on this page with marked dates and those weren't displayed, too. </p>

<p>I tried different orders of the script and css files but unfortunately it didnt't work. I tried other datepickers and those didn't work, too though I followed all instruction given by the installation-page. The only thing working so far is ChartJs</p>

<p>Do I have to change the dependencies in the pom.xml?</p>

<p>I appreciate any help!</p>

<p>Edit:
This is the code of calendar.js :</p>

<pre><code>$(function() {
    var currentYear = new Date().getFullYear();

    var redDateTime = new Date(currentYear, 2, 13).getTime();
    var circleDateTime = new Date(currentYear, 1, 20).getTime();
    var borderDateTime = new Date(currentYear, 0, 12).getTime();

    $('#calendar').calendar({ 

        displayWeekNumber: true

        customDayRenderer: function(element, date) {
            if(date.getTime() == redDateTime) {
                $(element).css('font-weight', 'bold');
                $(element).css('font-size', '15px');
                $(element).css('color', 'green');
            }
            else if(date.getTime() == circleDateTime) {
                $(element).css('background-color', 'red');
                $(element).css('color', 'white');
                $(element).css('border-radius', '15px');
            }
            else if(date.getTime() == borderDateTime) {
                $(element).css('border', '2px solid blue');
            }
        }
    });
});
</code></pre>

<p>And this is the code of the html file:</p>

<pre><code>&lt;!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"/&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"/&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"/&gt;
    &lt;!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --&gt;

    &lt;!-- Bootstrap --&gt;    
    &lt;link th:href="@{/resources/css/bootstrap-3.3.7-dist/css/bootstrap.css}" rel="stylesheet" type="text/css"/&gt;
    &lt;link th:href="@{/resources/css/bootstrap-3.3.7-dist/css/bootstrap-theme.css}" rel="stylesheet" type="text/css"/&gt;
    &lt;link th:href="@{/resources/css/bootstrap-year-calendar-master/css/bootstrap-year-calendar.css}" rel="stylesheet" type="text/css"/&gt;

    &lt;!--jQuery--&gt;
    &lt;script th:src="@{/resources/css/jquery-3.1.1.min.js}"&gt;&lt;/script&gt;

    &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
    &lt;script th:src="@{/resources/css/bootstrap-3.3.7-dist/js/bootstrap.min.js}"&gt;&lt;/script&gt;

    &lt;!--bootstrap-year-calendar--&gt;
    &lt;script th:src="@{/resources/css/bootstrap-year-calendar-master/js/bootstrap-year-calendar.js}"&gt;&lt;/script&gt;
    &lt;script th:src="@{/resources/css/bootstrap-year-calendar-master/js/calendar.js}"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;

    &lt;div class="container"&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-md-12"&gt;

          &lt;div data-provide="calendar"&gt;&lt;/div&gt;

        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>