javascript - 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">