Jquery DatePicker设置默认日期

我有两个日期字段,我使用DatePicker来选择日期。

对于第一个日期字段,我希望今天的日期为默认日期。
对于第二个日期字段,我today + 15需要today + 15天作为我的默认日期

jQuery的

 $("[name=trainingStartFromDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true}); $("[name=trainingStartToDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true}); 

如何设置默认日期?

我已经尝试过setDate: new Date()作为第一次约会,但它不起作用。

今天日期:

 $( ".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 }); 

jQuery ui docs

创建日期选择器并设置日期。

 $('.next_date').datepicker({ dateFormat: 'dd-mm-yy'}).datepicker("setDate", new Date()); 

使用defaultDate()

如果该字段为空,请在第一次打开时设置要突出显示的日期。 通过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}); 

今天的日期

 $(document).ready(function() { $('#textboxname').datepicker(); $('#textboxname').datepicker('setDate', 'today');}); 

首先,您需要获取当前日期

 var currentDate = new Date(); 

然后你需要将它放在datepicker的参数中,如下所示

 $("#datepicker").datepicker("setDate", currentDate); 

检查以下jsfiddle 。

  

用于在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); });