我有一个非常简单的jQuery Datepicker日历:
$(document).ready(function(){
$("#date_pretty").datepicker({
});
});
当然在HTML中…
<input type="text" size="10" value="" id="date_pretty"/>
今天的日期是很好的突出显示为用户时，他们带来的日历，但我如何让jQuery预填充文本框本身与今天的日期在页面加载，而不需要用户做任何事情?99%的情况下，今天的日期默认是他们想要的。
当前回答
我只是想说几句。选择器用于添加/更新表单，因此如果编辑现有记录，则需要显示来自数据库的日期，如果没有则显示今天的日期。下面是为我工作良好:
$( "#datepicker" ).datepicker();
<?php if (!empty($oneEVENT['start_ts'])): ?>
$( "#datepicker" ).datepicker( "setDate", "<?php echo $startDATE; ?>" );
<? else: ?>
$("#datepicker").datepicker('setDate', new Date());
<?php endif; ?>
});
其他回答
$('input[name*="date"]').datepicker({
dateFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
beforeShow: function(input, instance) {
$(input).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
David K Egghead的代码工作得很完美，谢谢!
$(".date-pick").datepicker();
$(".date-pick").datepicker("setDate", new Date());
我也设法修剪了一下，它也有用:
$(".date-pick").datepicker().datepicker("setDate", new Date());
你有两个选择:
选项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());
setDate()方法的作用是:设置日期并更新相关控件。以下是如何做到的:
$("#datepicker1").datepicker({
dateFormat: "yy-mm-dd"
}).datepicker("setDate", "0");
Demo
正如在文档中提到的，setDate()愉快地接受JavaScript Date对象，数字或字符串:
新的日期可以是date对象，也可以是当前日期中的字符串 格式(如。'01/26/2009')、从今天算起的天数(例如+7)或a 值和周期字符串('y'表示年，'m'表示月，'w'表示 Weeks，“d”表示天。'+1m +7d')，或null以清除所选对象 日期。
如果您想知道，在构造函数中设置defaultDate属性并不会更新相关的控件。
