bootstrap-year-calendar不起作用

Question

我想使用本网站的bootstrap-year-calendar：qazxsw poi

虽然它的广告很容易使用，但我还是很挣扎。我正在使用Spring Boot V1.4.1，Bootstrap V3.3.7和Thymeleaf。

我从上面提到的软件中下载了所有源代码，我唯一可以用日历做的就是显示日历本身。我创建了一个名为calendar.js的新文件，我将所有JavaScript都放在日历的自定义函数中。我尝试显示周数，但它甚至没有显示它们。此页面上有一些带有标记日期的示例，但这些示例也未显示。

我尝试了不同的脚本和css文件的顺序，但不幸的是它没有工作。虽然我遵循了安装页面给出的所有指令，但我尝试了其他日期选择器并且这些也没有用。到目前为止唯一有效的是ChartJs

我是否必须更改pom.xml中的依赖项？

我感谢任何帮助！

编辑：这是calendar.js的代码：

http://www.bootstrap-year-calendar.com/

这是html文件的代码：

$(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');
            }
        }
    });
});

Answer 1

我有同样的问题，但很容易解决。在jS上更改点的主题标签

$（ '＃日历'）。日历（{

至

$（ '历'）。日历（{

在Html上，更改数据 - 提供课程

div data-provide =“calendar”

至

div class =“calendar”