jQuery DatePicker未在自定义样式表中突出显示

Question

我正在使用jQuery DatePicker，并且我已经获得了以下代码，该代码应该将默认日期更改为我指定的日期，在此示例中，它应该默认并突出显示2017年8月18日。

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery("#date").datepicker({dateFormat: 'yy-mm-dd'});
    jQuery("#date").datepicker('setDate', new Date('2017-08-18')); 
});
</script>

然而，虽然它确实默认为日期，但如果我使用我的主题模板中提供的默认样式表，那么它实际上不会突出显示日期并删除旧的默认突出显示日期。

如果我使用下面的jQuery示例样式表，那么它似乎可以工作：

http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css

但是如果我使用我主题中提供的下面的样式表，那么它不起作用：

http://themetrace.com/demo/shamcey/css/style.default.css

我有什么想法可以解决这个问题吗？

Answer 1

我认为这将完美无缺。我只是在控制台的shamcey演示页面中尝试过。它完美地运作

这是在我执行代码

之后

在样式表中添加此样式

<style>
    .ui-state-active{
     background:#a5d2ff
    }
</style>

“＃a5d2ff”是颜色。你可以用你想要的颜色替换。这是我添加该样式后的屏幕截图

Answer 2

我不确定，但我相信您使用的jQuery ui 1.9.2样式表可能存在问题。在使用您提供的样式链接测试下面的代码段时，我得到了您描述的相同结果。我更改了包含的jQuery UI库以使用更高版本的1.12.1版本，并且能够按预期看到突出显示的内容。请参阅下面的代码段：

jQuery(document).ready(function(){
    jQuery("#date").datepicker({dateFormat: 'yy-mm-dd'});
    jQuery("#date").datepicker('setDate', new Date('2017-08-18')); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link href="http://themetrace.com/demo/shamcey/css/style.default.css" >
<!--<link href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" >-->
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">

Date Input: <input id="date" type="text" />