Jquery 引导日期选择器突出显示两个日期
在bootstrap date picker中,我想突出显示两个日期。我可以突出显示两个日期,但无法通过颜色或某些类别区分这两个日期。它对两个日期应用相同的蓝色,有任何帮助吗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"><
<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