JQuery DatePicker默认为下一个可用日期

时间:2011-12-20 20:06:45

标签: jquery-ui

我的日历只允许星期二和星期四供选择。 我希望输入字段中的默认日期是下一个可用日期。例如,如果我在星期三打开页面,我希望星期四的日期在defautl的输入字段中。 现在我有“今天的约会”。如何更改代码以选择下一个可用日期?

$(function() {
$( "#datepicker" ).datepicker({
    showOn: "button",
    buttonImage: "/b/i/Calendar.gif",
    buttonImageOnly: true,
    numberOfMonths: 2,
    minDate: 0,
    showButtonPanel: true,
    beforeShowDay: function(date)
    { return [(date.getDay() == 2 || date.getDay() == 4), ""]; } //Tuesdays and Thursdays
});
if($("#datepicker").datepicker("getDate") === null) {
    //select today's date
    var myDate = new Date();
            var month = myDate.getMonth() + 1;
            var todayDate = month + '/' + myDate.getDate() + '/' + myDate.getFullYear();
            $("#datepicker").val(todayDate);
}
});

提前致谢!

1 个答案:

答案 0 :(得分:1)

我已经来到这段代码下周二/星期四 必须有一个更聪明的方法,但它的工作原理:o)

以下是代码:

var $datePicker = $("#datepicker");

if ($datePicker.datepicker("getDate") === null) {

    var today = new Date(),
        todayDay = today.getDay(),
        day = ((todayDay >= 2 && todayDay < 4 )
                   ? 4
                   : (todayDay >= 4 && todayDay <= 6)
                        ? 9
                        : 2) - todayDay,
        nextDay = new Date(today.setDate(today.getDate() + day));

    $datePicker.val((nextDay.getMonth() + 1) + '/' + nextDay.getDate() + '/' + nextDay.getFullYear());

}

我已经jsfiddle,所以你看到了它的实际效果。