在日期选择器中显示今天的日期 [重复]答案

【问题标题】：Display today's date in datepicker [duplicate]在日期选择器中显示今天的日期 [重复]
【发布时间】：2021-04-13 23:57:58
【问题描述】：

这里有人如何在 jquery datepicker 中显示今天的日期？尝试了这些，但它没有在 datepicker 中显示今天的日期。

$('#from').datepicker({ 
    defaultDate: new Date(), 
    dateFormat: 'yy-mm-dd', 
    onSelect: function () { 
       table.draw(); 
    }, 
    changeMonth: true, 
    changeYear: true 
});

$('#to').datepicker({ 
    defaultDate: new Date(), 
    dateFormat: 'yy-mm-dd', 
    onSelect: function () { 
       table.draw(); 
    }, 
    changeMonth: true, 
    changeYear: true 
});

【问题讨论】：

直接在输入中填写默认日期值。或尝试setDate
defaultDate: - 如果该字段为空白，则设置在首次打开时突出显示的日期 .. 今天为空。 api.jqueryui.com/datepicker/#option-defaultDate

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

【解决方案1】：

您可以使用setDate，如下所示。

$("#from").datepicker().datepicker("setDate", new Date());

$('#from').datepicker({
  defaultDate: new Date(),
  dateFormat: 'yy-mm-dd',
  onSelect: function() {
    //table.draw();
  },
  changeMonth: true,
  changeYear: true
});
$("#from").datepicker().datepicker("setDate", new Date());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<input type="text" id="from" />

【讨论】：

【解决方案2】：

您可以通过以下方式设置默认日期

$( ".selector" ).datepicker( "setDate", "10/12/2012" );

见：https://api.jqueryui.com/datepicker/#method-setDate

【讨论】：