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

Question

I'm using the jQuery UI datepicker

I need to put the start date automatically in the input type text.

$(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

You can set a variable containing your start date, in my case it's the current date.

The set the minDate (or defaultDate ) of the datepicker upon initialization. Then you can set the value of the input using your start date.

 $(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>