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

Posted 2023-05-08

【中文标题】在日期选择器中显示今天的日期 [重复]

【英文标题】：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

【参考方案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