设置日期选择器输入字段的初始值答案

【问题标题】：Set initial value of datepicker input field设置日期选择器输入字段的初始值
【发布时间】：2016-11-15 20:15:37
【问题描述】：

我正在使用 jQuery UI datepicker

我需要在输入类型文本中自动输入开始日期。

$(function() {
  $("#datepicker").datepicker({
    dateFormat: 'DD, d MM, yy'
  }).bind("change", function() {
    var minValue = $(this).val();
    minValue = $.datepicker.parseDate("DD, d MM, yy", minValue);
    minValue.setDate(minValue.getDate());
    $("#datepicker").datepicker("option", "minDate", minValue);
  })
});

【问题讨论】：

您的目标是用当前日期填充输入吗？或者你想达到什么目标？
这怎么不能按预期工作？
开始日期应该是什么时候？现在你的minDate 取决于输入的值？

标签： javascript jquery jquery-ui jquery-ui-datepicker

【解决方案1】：

您可以设置一个包含开始日期的变量，在我的例子中是当前日期。

在初始化时设置日期选择器的minDate（或defaultDate）。然后您可以使用您的开始日期设置input 的值。

$(function() {
  var startDate = new Date();
  $("#datepicker").datepicker({
    dateFormat: 'DD, d MM, yy',
    minDate: startDate
  }).bind("change", function() {
    var minValue = $(this).val();
    minValue = $.datepicker.parseDate("DD, d MM, yy", minValue);
    minValue.setDate(minValue.getDate());
    $("#datepicker").datepicker("option", "minDate", minValue);
  }).val($.datepicker.formatDate("DD, d MM, yy", startDate));
});

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"
<p>Date:
  <input type="text" id="datepicker">
</p>

【讨论】：