2013-04-24 106 views
0

任何人都可以帮助这个jQuery,它的目的是不允许任何用户选择一个日期小于开始日期,这工作正常,但我不能让它使用英国的日期格式或防止日期在过去从被选中,如果我删除除日期格式之外的所有格式,则格式按预期工作。Jquery Datepicker丢失格式

$(document).ready(function() { 
    $("#CheckIn").datepicker({ 
     numberOfMonths: 1, 
     onSelect: function (selected) { 
      $("#CheckOut").datepicker({ dateFormat: 'dd/mm/yy' }).val(); 
      $("#CheckOut").datepicker("option", "minDate", selected); 

     } 
    }); 
    $("#CheckOut").datepicker({ 
     numberOfMonths: 1, 
     onSelect: function (selected) { 
      $("#CheckIn").datepicker({ dateFormat: 'dd/mm/yy' }).val(); 
      $("#CheckIn").datepicker("option", "maxDate", selected); 

     } 
    }); 
}); 

这工作对自己

$("#CheckIn").datepicker({ dateFormat: 'dd/mm/yy' }).val(); 

任何人都可以看到我要去哪里错了

忘记提到这是我使用的是阻止人们在过去的一天中选择代码,但不工作

$("#Checkin").datepicker({ minDate: 0 }); 

感谢

======================工作代码======================== ===

下面的代码还包括防止用户选择过去的日子。 感谢Jens Ahlsten Herlevsen和Palash Mondal的帮助。

$(document).ready(function() { 
    $("#CheckIn").datepicker({ 
     numberOfMonths: 1, 
     dateFormat: 'dd/mm/yy', 
     minDate: 0, //<<< Prevent day in past been selected 
     onClose: function (selected) { 
      $("#CheckOut").datepicker("option", "minDate", selected); 

     } 
    }); 
    $("#CheckOut").datepicker({ 
     numberOfMonths: 1, 
     dateFormat: 'dd/mm/yy', 
     onClose: function (selected) { 
      $("#CheckIn").datepicker("option", "maxDate", selected); 

     } 
    }); 
}); 
+0

'$( “#登入”)日期选择器({DATEFORMAT: 'DD/MM/YY'})。 val();' 重新启动datepicker,我会建议只使用'$(“#CheckIn”)。val()' – 2013-04-24 12:36:56

回答

1
$(document).ready(function() { 
$("#CheckIn").datepicker({ 
    numberOfMonths: 1, 
    dateFormat: 'dd/mm/yy', 
    onClose: function (selected) { 
     $("#CheckOut").datepicker("option", "minDate", selected); 

    } 
}); 
$("#CheckOut").datepicker({ 
    numberOfMonths: 1, 
    dateFormat: 'dd/mm/yy', 
    onClose: function (selected) { 
     $("#CheckIn").datepicker("option", "maxDate", selected); 

    } 
}); 
}); 

http://jsfiddle.net/qJcXh/

+0

抱歉不能同时答复 – 2013-04-24 12:58:25

1

你可以这样做:

$("#CheckIn").datepicker({ 
    numberOfMonths: 1, 
    dateFormat: 'dd/mm/yy', 
    onSelect: function (selected) { 
     var date = $("#CheckOut").val(); 
     $("#CheckOut").datepicker("option", "minDate", selected); 
    } 
}); 
$("#CheckOut").datepicker({ 
    numberOfMonths: 1, 
    dateFormat: 'dd/mm/yy', 
    onSelect: function (selected) { 
     var date = $("#CheckIn").val(); 
     $("#CheckIn").datepicker("option", "maxDate", selected); 
    } 
});