jQuery datepicker动态minDate发行价值

Question

我创建了2个日期选择器：

<input id="from" readonly value="05-10-2014">
<input id="to" readonly value="09-10-2014">

$("#from").datepicker();
$("#to").datepicker();
console.log($("#from").val() + ' - ' + $("#to").val()); 

两个日期都正确显示。

现在，我动态设置minDate：

$("#to").datepicker("option", "minDate", $("#from").val());
console.log($("#from").val() + ' - ' + $("#to").val()); 

第二个日期消失。

我肯定我想念一些明显的事情。 请帮忙。

Answer 1

这是因为dateFormat ，默认的日期格式是mm/dd/yy ，但是当您将from的值作为字符串传递时，它不是采用这种格式，这会引起问题。

一种可能的解决方案是将dateFormat设置为datepicker，例如

 $("#from, #to").datepicker({ dateFormat: 'dd-mm-yy' }); console.log($("#from").val() + ' - ' + $("#to").val()); $("#to").datepicker("option", "minDate", $("#from").val()); console.log($("#from").val() + ' - ' + $("#to").val()); 

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/redmond/jquery-ui.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js"></script> <input id="from" value="05-10-2014"> <input id="to" value="09-10-2014">