我有一个非常简单的jQuery Datepicker日历:
$(document).ready(function(){
$("#date_pretty").datepicker({
});
});
当然在HTML中…
<input type="text" size="10" value="" id="date_pretty"/>
今天的日期是很好的突出显示为用户时，他们带来的日历，但我如何让jQuery预填充文本框本身与今天的日期在页面加载，而不需要用户做任何事情?99%的情况下，今天的日期默认是他们想要的。
当前回答
你有两个选择:
选项A)在日历中标记为“活动”，仅当您单击输入时。
Js:
$('input.datepicker').datepicker(
{
changeMonth: false,
changeYear: false,
beforeShow: function(input, instance) {
$(input).datepicker('setDate', new Date());
}
}
);
Css:
div.ui-datepicker table.ui-datepicker-calendar .ui-state-active,
div.ui-datepicker table.ui-datepicker-calendar .ui-widget-content .ui-state-active {
background: #1ABC9C;
border-radius: 50%;
color: #fff;
cursor: pointer;
display: inline-block;
width: 24px; height: 24px;
}
选项B)默认输入今天。 您必须首先填充datepicker。
$("input.datepicker").datepicker().datepicker("setDate", new Date());
其他回答
$(function()
{
$('.date-pick').datePicker().val(new Date().asString()).trigger('change');
});
来源:http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerDefaultToday.html
更新:有报道称，这将不再适用于Chrome浏览器。
这句话简明扼要，能起到作用(过时):
$(".date-pick").datepicker('setDate', new Date());
这是不那么简洁的，利用链接允许它在chrome中工作(2019-06-04):
$(".date-pick").datepicker().datepicker('setDate', new Date());
你必须首先调用datepicker() >，然后使用'setDate'来获取当前日期。
$(".date-pick").datepicker();
$(".date-pick").datepicker("setDate", new Date());
或者在初始化datepicker后将setDate方法调用链起来，如此答案的注释中所述
$('.date-pick').datepicker({ /* optional option parameters... */ })
.datepicker("setDate", new Date());
这是行不通的
$(".date-pick").datepicker("setDate", new Date());
注意:这里描述了可接受的setDate参数
这段代码将确保使用你的datepicker的格式:
$('#date-selector').datepicker('setDate', new Date());
不需要重新应用格式，它使用预定义的datepicker -由你在datepicker初始化(如果你已经分配了它!);)
要预填充日期，首先你必须初始化datepicker，然后传递setDate参数值。
$("#date_pretty").datepicker().datepicker("setDate", new Date());
