Jquery 引导日期选择器突出显示两个日期

Jquery 引导日期选择器突出显示两个日期,jquery,twitter-bootstrap-3,bootstrap-datepicker,Jquery,Twitter Bootstrap 3,Bootstrap Datepicker,在bootstrap date picker中,我想突出显示两个日期。我可以突出显示两个日期,但无法通过颜色或某些类别区分这两个日期。它对两个日期应用相同的蓝色,有任何帮助吗 <script type="text/javascript" src="Scripts/bootstrap.js"></script> <script type="text/javascript" src ="Scripts/bootstrap-datepicker.js"><

在bootstrap date picker中,我想突出显示两个日期。我可以突出显示两个日期,但无法通过颜色或某些类别区分这两个日期。它对两个日期应用相同的蓝色,有任何帮助吗

  <script type="text/javascript" src="Scripts/bootstrap.js"></script>
<script type="text/javascript" src ="Scripts/bootstrap-datepicker.js"></script>
 <script type="text/javascript" >
       $(document).ready(function () {
       var DD = "29";
       var MM = "04";
       var YY = "2014";
       var CaseDD = "25";
       var CaseMM = "04";
       var CaseYY = "2014";

  $('#calendar').datepicker({
               format: "dd/mm/yyyy",
               multidate: true,
               multidateSeparator: "/",
               autoclose: true,
               showOtherMonths: true,
               dayNamesMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
               beforeShowDay: highlightDays()
           });
           $('#calendar').datepicker('setDate', new Date(YY, MM, DD), new Date(CaseYY, CaseMM, CaseDD));
       });

$(文档).ready(函数(){
var DD=“29”;
var MM=“04”;
var YY=“2014”;
var CaseDD=“25”;
var CaseMM=“04”;
var CaseYY=“2014”;
$(“#日历”)。日期选择器({
格式:“dd/mm/yyyy”,
多日期:对,
多日期分隔符:“/”,
自动关闭:是的,
showOtherMonths:是的,
dayNamesMin:[“Su”、“Mo”、“Tu”、“We”、“Th”、“Fr”、“Sa”],
放映日前:highlightDays()
});
$(“#日历”).datepicker('setDate',新日期(YY,MM,DD),新日期(CaseYY,CaseMM,CaseDD));
});


我意识到这有点晚了,但我在尝试解决相同的问题时发现了这个问题

我发现最简单的方法是对弹出的每一天应用一个单独的类,然后使用该类突出显示我想要的日子。 datepicker的“beforeShowDay”选项允许您返回一个字符串,该字符串作为类添加到出现的每个date()元素中。 getMonth()的索引为0,因此我们向其添加1

如果我不是懒惰的话,那么用一种允许这种功能的方法扩展datepicker可能更有意义

beforeShowDay: function(date) {
   fulldate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
   console.log(fulldate);
   return fulldate;
} 
//you can now reference individual date td date segments as $("2018-5-30")
//you can also modify the code above to only apply the class to the dates you want, or change what class you apply

添加您的html以及!
beforeShowDay: function(date) {
   fulldate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
   console.log(fulldate);
   return fulldate;
} 
//you can now reference individual date td date segments as $("2018-5-30")
//you can also modify the code above to only apply the class to the dates you want, or change what class you apply