我有两个日期字段,我使用DatePicker来选择日期。
对于第一个日期字段,我希望今天的日期为默认日期
对于第二个日期字段,我需要today + 15
天作为我的默认日期
的jQuery
$("[name=trainingStartFromDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true});
$("[name=trainingStartToDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true});
如何设置默认日期?
我已经尝试setDate: new Date()
作为第一次约会,但它无效。
答案 0 :(得分:48)
今天约会:
$( ".selector" ).datepicker( "setDate", new Date());
// Or on the init
$( ".selector" ).datepicker({ defaultDate: new Date() });
从今天起15天:
$( ".selector" ).datepicker( "setDate", 15);
// Or on the init
$( ".selector" ).datepicker({ defaultDate: 15 });
答案 1 :(得分:25)
创建日期选择器并设置日期。
$('.next_date').datepicker({ dateFormat: 'dd-mm-yy'}).datepicker("setDate", new Date());
答案 2 :(得分:8)
如果该字段为空,请在第一次打开时设置要突出显示的日期。通过Date对象指定实际日期或在当前[[UI / Datepicker#option-dateFormat | dateFormat]]中指定字符串,或从今天起的天数(例如+7)或一串值和句点( 'y'多年,'m'持续数月,'w'持续数周,'d'持续数天,例如'+ 1m + 7d'),或今天为null。
试试这个
$("[name=trainingStartFromDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true,defaultDate: new Date()});
$("[name=trainingStartToDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true,defaultDate: +15});
答案 3 :(得分:7)
今天的日期
$(document).ready(function() {
$('#textboxname').datepicker();
$('#textboxname').datepicker('setDate', 'today');});
答案 4 :(得分:6)
首先,您需要获取当前日期
var currentDate = new Date();
然后你需要把它放在datepicker的参数中,如下面给出的
$("#datepicker").datepicker("setDate", currentDate);
检查以下jsfiddle。
答案 5 :(得分:3)
<script type="text/javascript">
$(document).ready(function () {
$("#txtDate").datepicker({ dateFormat: 'yy/mm/dd' }).datepicker("setDate", "0");
$("#txtDate2").datepicker({ dateFormat: 'yy/mm/dd', }).datepicker("setDate", new Date().getDay+15); }); </script>
答案 6 :(得分:0)
使用ID =“mydate”
在元素输入或日期选择器中显示当前日期的代码不要忘记添加对jquery-ui的引用 - * .js
$(document).ready(function () {
var dateNewFormat, onlyDate, today = new Date();
dateNewFormat = today.getFullYear() + '-' + (today.getMonth() + 1);
onlyDate = today.getDate();
if (onlyDate.toString().length == 2) {
dateNewFormat += '-' + onlyDate;
}
else {
dateNewFormat += '-0' + onlyDate;
}
$('#mydate').val(dateNewFormat);
});