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

Question

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

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 示例

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

Answer 2

您可以使用 `beforeShow' 事件来设置日期。 JSFIDDLE

 $( ".datepicker" ).datepicker(
     {numberOfMonths: 2,
      beforeShow:function(){
          $('#return').val($('#depart').val());
      }}
 );