Question

我正在使用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);
  })
});

Answer 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>

设置datepicker输入字段

1 个答案: