我有一个非常简单的jQuery Datepicker日历:
$(document).ready(function(){
$("#date_pretty").datepicker({
});
});
当然在HTML中…
<input type="text" size="10" value="" id="date_pretty"/>
今天的日期是很好的突出显示为用户时，他们带来的日历，但我如何让jQuery预填充文本框本身与今天的日期在页面加载，而不需要用户做任何事情?99%的情况下，今天的日期默认是他们想要的。
当前回答
解决方案是:
$(document).ready(function(){
$("#date_pretty").datepicker({
});
var myDate = new Date();
var month = myDate.getMonth() + 1;
var prettyDate = month + '/' + myDate.getDate() + '/' + myDate.getFullYear();
$("#date_pretty").val(prettyDate);
});
谢谢grayghost !
其他回答
要预填充日期，首先你必须初始化datepicker，然后传递setDate参数值。
$("#date_pretty").datepicker().datepicker("setDate", new Date());
解决方案是:
$(document).ready(function(){
$("#date_pretty").datepicker({
});
var myDate = new Date();
var month = myDate.getMonth() + 1;
var prettyDate = month + '/' + myDate.getDate() + '/' + myDate.getFullYear();
$("#date_pretty").val(prettyDate);
});
谢谢grayghost !
为了在加载时将datepicker设置为某个默认时间(在我的情况下是当前日期)，然后有选项选择另一个日期，语法是:
$(function() {
// initialize the datapicker
$("#date").datepicker();
// set the time
var currentDate = new Date();
$("#date").datepicker("setDate",currentDate);
// set the options for the button
$("#date").datepicker("option",{
dateFormat: 'dd/mm',
showOn: "button",
// whatever option Or event you want
});
});
David K Egghead的代码工作得很完美，谢谢!
$(".date-pick").datepicker();
$(".date-pick").datepicker("setDate", new Date());
我也设法修剪了一下，它也有用:
$(".date-pick").datepicker().datepicker("setDate", new Date());
$('input[name*="date"]').datepicker({
dateFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
beforeShow: function(input, instance) {
$(input).datepicker('setDate', new Date());
}
});
