Question

我在同一页面中创建了两个日期选择器示例（"#datepiicker1","#datepicker2"）。#datepicker1中选择的值被分配给minDate的{{1}}值。在输出中，当我点击#datepicker2中的日期时，会自动将其指定为#datepicker1的{{1}}值。但是当我在minDate秒中选择日期时，所选日期将分配给#datepicker2属性（通过开发工具查找），但不会自动更新为#datepicker1。点击该页面上的任意位置后，minDate值将应用于#datepicker2。

我的代码块：

minDate

怎么做？

Answer 1

您似乎想要创建日期范围选择器组合，您可以尝试以下jquery代码：

$("#dateFrom").off("dp.change");
$("#dateFrom").on("dp.change", function(e) {
        $("#dateTo").data("DateTimePicker").setMinDate(e.date);
});

$("#dateTo").off("dp.change");
$("#dateTo").on("dp.change", function(e) {
        $("#dateFrom").data("DateTimePicker").setMaxDate(e.date);
});

JSFiddle肯定会有助于回答您的确切查询。感谢。

Answer 2

$('#datepicker').datepicker({
  onSelect: function() {
    $('#datepicker1').val(this.value);
  }
});

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
TextBox1
<input type="text" id="datepicker" name="date" /><br>
Textbox2
<input type="text" id="datepicker1" name="date1" />

DatePicker所选值不会自动更新

2 个答案: