我有一个非常简单的jQuery Datepicker日历:
$(document).ready(function(){
$("#date_pretty").datepicker({
});
});
当然在HTML中…
<input type="text" size="10" value="" id="date_pretty"/>
今天的日期是很好的突出显示为用户时，他们带来的日历，但我如何让jQuery预填充文本框本身与今天的日期在页面加载，而不需要用户做任何事情?99%的情况下，今天的日期默认是他们想要的。
当前回答
$(function()
{
$('.date-pick').datePicker().val(new Date().asString()).trigger('change');
});
来源:http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerDefaultToday.html
其他回答
$('input[name*="date"]').datepicker({
dateFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
beforeShow: function(input, instance) {
$(input).datepicker('setDate', new Date());
}
});
要预填充日期，首先你必须初始化datepicker，然后传递setDate参数值。
$("#date_pretty").datepicker().datepicker("setDate", new Date());
今天开始:
$('#date_pretty').datepicker('setDate', '+0');
设置为昨天:
$('#date_pretty').datepicker('setDate', '-1');
在今天日期之前或之后的任何天数都可以如此。
查看jQuery UI›方法›setDate。
我只是想说几句。选择器用于添加/更新表单，因此如果编辑现有记录，则需要显示来自数据库的日期，如果没有则显示今天的日期。下面是为我工作良好:
$( "#datepicker" ).datepicker();
<?php if (!empty($oneEVENT['start_ts'])): ?>
$( "#datepicker" ).datepicker( "setDate", "<?php echo $startDATE; ?>" );
<? else: ?>
$("#datepicker").datepicker('setDate', new Date());
<?php endif; ?>
});
更新:有报道称，这将不再适用于Chrome浏览器。
这句话简明扼要，能起到作用(过时):
$(".date-pick").datepicker('setDate', new Date());
这是不那么简洁的，利用链接允许它在chrome中工作(2019-06-04):
$(".date-pick").datepicker().datepicker('setDate', new Date());
