使用jquery在datepicker中设置初始值？

Question

我正在尝试在我的jquery ui datepicker中设置初始值.我尝试了几种不同的方式,但似乎没有任何东西显示日期,它是空的.

var idag = new Date();
$("#txtFrom").datepicker("setDate", idag - 2);
$("#txtTom").datepicker("setDate", idag);
$("#txtFrom").datepicker("refresh");
$("#txtTom").datepicker("refresh");

Answer 1

这个简单的例子对我有用......

HTML

<input type="text" id="datepicker">

JavaScript的

var $datepicker = $('#datepicker');
$datepicker.datepicker();
$datepicker.datepicker('setDate', new Date());

我能够通过简单的@手册创建这个,并阅读以下解释setDate:

.datepicker("setDate",date)
设置datepicker 的当前日期.新日期可以是Date对象或当前日期格式的字符串(例如'01/26/2009'),从今天起的天数(例如+7)或一串值和句点('y'表示年,'m'持续数月,'w'持续数周,'d'持续数天,例如'+ 1m + 7d'),或为空以清除所选日期.

Answer 2

您可以在HTML中设置值,然后在init datepicker中设置该值以启动/突出显示实际日期

<input name="datefrom" type="text" class="datepicker" value="20-1-2011">
<input name="dateto" type="text" class="datepicker" value="01-01-2012">
<input name="dateto2" type="text" class="datepicker" >


$(".datepicker").each(function() {    
    $(this).datepicker('setDate', $(this).val());
});

以上甚至适用于丹麦日期格式

http://jsfiddle.net/DDsBP/2/

Answer 3

从jQuery：

如果该字段为空白，则将日期设置为在第一次打开时突出显示。通过Date对象指定实际日期，或者指定为当前dateFormat中的字符串，或者指定从今天起的天数（例如+7）或一串值和句点（“ y”表示年份，“ m”表示月份， “ w”代表数周，“ d”代表数天，例如“ + 1m + 7d”），或者今天为null。

代码示例

使用指定的defaultDate选项初始化日期选择器。

$(".selector").datepicker({ defaultDate: +7 });

初始化后获取或设置defaultDate选项。

//getter
var defaultDate = $(".selector").datepicker("option", "defaultDate");
//setter
$(".selector").datepicker("option", "defaultDate", +7);

初始化日期选择器之后，您还应该可以使用以下方法设置日期：

$(/*selector*/).datepicker("setDate" , date)