Jquery ui Jquery ui datepicker beforeShowDay css更改
我尝试使用datepicker显示忙/闲日历。 我使用beforeShowDay在两个类之间切换,但它不起作用。最后一天申请所有日期的课程Jquery ui Jquery ui datepicker beforeShowDay css更改,jquery-ui,jquery-ui-datepicker,Jquery Ui,Jquery Ui Datepicker,我尝试使用datepicker显示忙/闲日历。 我使用beforeShowDay在两个类之间切换,但它不起作用。最后一天申请所有日期的课程 var SelectedDates = {}; SelectedDates['2014-05-04'] = true; SelectedDates['2014-05-03'] = true; SelectedDates['2014-05-02'] = true; $(function() { $("#datepicker").
var SelectedDates = {};
SelectedDates['2014-05-04'] = true;
SelectedDates['2014-05-03'] = true;
SelectedDates['2014-05-02'] = true;
$(function() {
$("#datepicker").datepicker({
numberOfMonths: 3,
showCurrentAtPos: 1,
beforeShowDay: function (date) {
var dateFormatted = date.getFullYear() +
"-" + (date.getMonth() < 10 ? "0" + date.getMonth() : date.getMonth()) +
"-" + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
console.log("date js: " + dateFormatted + " highlight: " + SelectedDates[dateFormatted]);
var highlight = SelectedDates[dateFormatted];
if (highlight === true) {
console.log("add busy class to " + dateFormatted);
return [false, 'Busy'];
}
console.log("add free class to " + dateFormatted);
return [true, 'Free'];
}
});
});
var SelectedDates={};
选定日期['2014-05-04']=true;
所选日期['2014-05-03']=true;
所选日期['2014-05-02']=true;
$(函数(){
$(“#日期选择器”)。日期选择器({
月数:3,
showCurrentAtPos:1,
beforeShowDay:功能(日期){
var dateFormatted=date.getFullYear()+
“-”+(date.getMonth()<10?“0”+date.getMonth():date.getMonth())+
“-”+(date.getDate()<10?“0”+date.getDate():date.getDate());
log(“date js:+dateFormatted+”突出显示:+SelectedDates[dateFormatted]);
var highlight=SelectedDates[dateFormatted];
如果(突出显示===真){
log(“将繁忙类添加到”+dateFormatted);
返回[false,'Busy'];
}
log(“将自由类添加到”+dateFormatted);
返回[真,'自由'];
}
});
});
这是小提琴:
谢谢,月份在Javascript中是基于0的(0=一月,1=二月等),因此在2014-05-04日期调用
getMonth()
时,它将返回4而不是5
我修改了设置dateFormatted
的代码行:
var dateFormatted = date.getFullYear() +
"-" + (date.getMonth() < 10 ? "0" + date.getMonth() : date.getMonth()) +
"-" + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
var dateFormatted=date.getFullYear()+
“-”+(date.getMonth()<10?“0”+date.getMonth():date.getMonth())+
“-”+(date.getDate()<10?“0”+date.getDate():date.getDate());
致:
var dateFormatted=date.getFullYear()+
“-”+(date.getMonth()<10?“0”+(date.getMonth()+1):(date.getMonth()+1))+
“-”+(date.getDate()<10?“0”+date.getDate():date.getDate());
查看更新的小提琴耶!非常感谢,你的解释太完美了!
var dateFormatted = date.getFullYear() +
"-" + (date.getMonth() < 10 ? "0" + (date.getMonth()+1) : (date.getMonth()+1)) +
"-" + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());