Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui Jquery ui datepicker beforeShowDay css更改_Jquery Ui_Jquery Ui Datepicker - Fatal编程技术网

Jquery ui Jquery ui datepicker beforeShowDay css更改

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").

我尝试使用datepicker显示忙/闲日历。 我使用beforeShowDay在两个类之间切换,但它不起作用。最后一天申请所有日期的课程

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());