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设置为类似

的日期选择器

$("#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">

jQuery datepicker动态minDate破坏了价值

1 个答案: