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

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

Answer 2

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

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

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

2 个答案: