无法配置 jQuery 日期选取器以选择默认日期

Question

我正在使用以下插件作为日期选择器：

http://xdsoft.net/jqplugins/datetimepicker/

这是一个非常好的插件，但是我发现在加载框时很难设置默认日期。

看到这个小提琴。

$('.datepicker').datepicker();

方框 1 包含 25/12/2013。 我希望日期选取器在用户选中此框时默认为此日期。 方框 2 不包含任何内容，因此该框应默认为今天。

注意：这目前使用的是标准的jquery-ui-datepicker。

我尝试设置各种选项但没有成功。 我还尝试读取值的设置位置，但再次看不到输入的引用位置。

任何帮助将不胜感激。

Answer 1

$('.datepicker').datepicker()
                .filter('[value!=""]')
                .datepicker('setDate', '12/25/13');

小提琴

作为旁注，如果用户未选择日期，则可以将 defaultDate 设置为提交的任何日期选取器，但该日期未显示为输入的值

$('.datepicker').datepicker()
                .filter('[value!=""]')
                .datepicker( "option", "defaultDate", '12/25/13' );

Answer 2

在你的原始问题中，你说你正在使用第三方日期选择器插件，但在你的小提琴中，你使用的是JQueryUI DatePicker。所以这里有一个JQueryUI日期选择器的例子。我相信它可以很容易地为第三方插件更新。

试试这个：

.HTML：

Box 1
<input type="text" class="datepicker" value="25/12/2013" />
Box 2
<input type="text" class="datepicker" value=""/>

Javascript：

$('.datepicker').each(function(index){
    var dateStr = $(this).attr("value");
    var date=new Date();
    if(dateStr.length>0)
        date=$.datepicker.parseDate("dd/mm/yy", dateStr);
    $(this).datepicker({defaultDate:date});
});

JSFiddle： http://jsfiddle.net/HVk7W/3/