jquery - 在 jquery datepicker 中突出显示所选日期

Question

我需要突出显示选定的日期。假设您从第一个输入中选择 09/20/2013，那么当您单击下一个输入时，09/20/2013 应突出显示。供引用http://www.expedia.co.in/ 。 fiddle

HTML

<input class="datepicker" id="depart">    
<input class="datepicker" id="return">

Jquery

$(".datepicker" ).datepicker(
{
numberOfMonths: 2,
onSelect:function(dateStr){
}});

Answer 1

试试这个:

var dp1 = [];
$("#depart").datepicker({
    numberOfMonths: 2,
    dateFormat: "m/dd/yy",
    onSelect: function (d) {
        dp1 = [];
        dp1.push(d);
    }
});
$("#return").datepicker({
    numberOfMonths: 2,
    dateFormat: "m/dd/yy",
    beforeShowDay: function (date) {
        dmy = (date.getMonth() + 1) + "/" + date.getDate() + "/" + date.getFullYear();
        if ($.inArray(dmy, dp1) >= 0) {
            return [true, "foo"];
        } else {
            return [true, ""];
        }
    }
});

<强> jsFiddle example

第一个日期选择器将选定的日期推送到一个数组中，第二个日期选择器通过 beforeShowDay 方法使用该数组来确定要应用类的单元格。