如何突出fromDate和toDate之间的日期,Jquery datepicker?

时间:2014-01-29 14:30:17

标签: javascript jquery datepicker

我用我当前的代码创建了一个JS小提琴。我想要的是突出显示所选“从”日期到“到”日期之间的日期。例如,如果我选择29.01.2014作为我的日期和02.02.2014作为我的日期,则应突出显示其间的所有日期。

此外,如果有人可以指导我将“到”日期的minDate设置为当前日期或从“选择器”中选择的日期,那就太棒了。

到目前为止我有什么。小提琴下面。

$(function () {
    $("#From").datepicker({
        dateFormat: "yy-mm-dd",
        changeMonth: true,
        numberOfMonths: 1,
        gotoCurrent: true,
        minDate: 0,
        maxDate: "+1y",
        onClose: function (selectedDate) {
            $("#To").datepicker("option", "minDate", selectedDate);
        }
    });
});

$(function () {
    $("#To").datepicker({
        dateFormat: "yy-mm-dd",
        changeMonth: true,
        numberOfMonths: 1,
        gotoCurrent: true,
        minDate: "From",
        maxDate: "+1y",
        onClose: function (selectedDate) {
            $("#From").datepicker("option", "maxDate", selectedDate);
        }
    });
});

http://jsfiddle.net/4n4Cu/

1 个答案:

答案 0 :(得分:0)

尝试将代码更改为此

$(function () {
    $("#To").datepicker({
        dateFormat: "yy-mm-dd",
        changeMonth: true,
        numberOfMonths: 1,
        gotoCurrent: true,
        minDate:$("#From").val() == ""|| undefined ? 0 : $("#From").val() ,
        maxDate: "+1y",
        onClose: function (selectedDate) {
            $("#From").datepicker("option", "maxDate", selectedDate);
        }
    });
});