如何使用今天的日期预先填充jQuery Datepicker文本框？

javascript jquery date jquery-ui jquery-ui-datepicker

2022-08-30 00:39:38

我有一个非常简单的jQuery Datepicker日历：

$(document).ready(function(){
    $("#date_pretty").datepicker({ 
    });
});

当然，在HTML中...

<input type="text" size="10" value="" id="date_pretty"/>

当用户调出日历时，今天的日期会很好地突出显示，但是我如何让jQuery在页面加载时用今天的日期预先填充文本框本身，而无需用户执行任何操作？99%的情况下，今天的日期默认值将是他们想要的。

答案 1

更新：有报告称，这在Chrome中不再有效。

这是简洁的，并完成工作（过时）：

$(".date-pick").datepicker('setDate', new Date());

这不太简洁，利用链接允许它在chrome中工作（2019-06-04）：

$(".date-pick").datepicker().datepicker('setDate', new Date());

答案 2

您必须首先调用 datepicker（） >然后使用 'setDate' 来获取当前日期。

$(".date-pick").datepicker();
$(".date-pick").datepicker("setDate", new Date());

OR 在日期选取器初始化后链接 setDate 方法调用，如对此答案的注释中所述

$('.date-pick').datepicker({ /* optional option parameters... */ })
               .datepicker("setDate", new Date());

它不会只与

$(".date-pick").datepicker("setDate", new Date());

注意：此处描述了可接受的 setDate 参数