自定义datepicker主题不适用

Question

我正在尝试为我的网站启用自定义datepicker主题。现在我只能让jquery-ui.css主题起作用，但它们看起来很糟糕，而且我不想创建一个新的。

我访问过这个网站：jQuery datepicker skins

已经下载了我需要的css文件，但没有任何反应。在github网站Git site for custom datepicker上，他们说你必须将适当的类添加到你的日期选择器中，但不知道这意味着什么。

这是我加载它以使其工作的原因：

<!-- Jquery Ui script -->
<script src="~/Scripts/jquery-ui.js"></script>

<!-- Datepicker themes -->
<link href="~/Content/jquery-ui.css" rel="stylesheet"/>

<!-- Datepicker melon theme -->
<link href="~/Content/datepicker.css" rel="stylesheet" />

如果我删除了jquery-ui.css文件，则datepicker只显示没有任何主题。

Answer 1

修正了Rahul评论的问题。

添加了这一行：

.datepicker('widget').wrap('<div class="ll-skin-melon"/>');

在datepickers之后。

预览

//Initialize datepickers
    $("#departureDate").datepicker({
        dateFormat: "yy-mm-dd",
        inline: true,

    })
    $("#returnDate").datepicker({
        dateFormat: "yy-mm-dd",
        inline: true,
    })
    .datepicker('widget').wrap('<div class="ll-skin-melon"/>');