设置日期选择器输入字段

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>