Jquery DatePicker设置默认日期

maa*_*aaz 25 jquery jquery-ui jquery-ui-datepicker

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

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

jQuery的

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

如何设置默认日期?

我已经尝试setDate: new Date()过第一次约会,但它没有用.

gdo*_*ica 48

今天日期:

$( ".selector" ).datepicker( "setDate", new Date());
// Or on the init
$( ".selector" ).datepicker({ defaultDate: new Date() });
Run Code Online (Sandbox Code Playgroud)

从今天起15天:

$( ".selector" ).datepicker( "setDate", 15);
// Or on the init
$( ".selector" ).datepicker({ defaultDate: 15 });
Run Code Online (Sandbox Code Playgroud)

jQuery ui docs

  • 我点了它在文本框中显示的相同但不在日历中 (2认同)

Aji*_*ngh 26

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

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


bip*_*pen 8

使用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}); 
Run Code Online (Sandbox Code Playgroud)


小智 7

今天的日期

$(document).ready(function() {
$('#textboxname').datepicker();
$('#textboxname').datepicker('setDate', 'today');});
Run Code Online (Sandbox Code Playgroud)


Hai*_*man 6

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

var currentDate = new Date();
Run Code Online (Sandbox Code Playgroud)

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

$("#datepicker").datepicker("setDate", currentDate);
Run Code Online (Sandbox Code Playgroud)

检查以下jsfiddle.


jay*_*iya 5

<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>   
Run Code Online (Sandbox Code Playgroud)