設置日期選擇器輸入字段的初始值

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>