无法配置 jQuery datepicker 来选择默认日期答案

【问题标题】：Cannot configure jQuery datepicker to select default date无法配置 jQuery datepicker 来选择默认日期
【发布时间】：2014-01-08 07:51:31
【问题描述】：

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

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

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

看到这个fiddle。

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

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

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

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

任何帮助将不胜感激。

【问题讨论】：

标签： javascript jquery jquery-ui datepicker

【解决方案1】：

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

FIDDLE

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

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

【讨论】：

好的，但是如何动态传递当前输入的内容？
我看到你在 setDate 函数中硬编码了日期。如果 .datepicker 类的输入内容具有例如 '01/01/2012' 会怎样。日期选择器需要动态加载到输入的内容
这不是有效的日期格式，您是否希望将日期选择器设置为该格式，如DD/MM/YYYY ？
是的，这适用于这个插件，但不适用于问题中的插件。 xdsoft.net/jqplugins/datetimepicker
嗯，它们是完全不同的插件，具有完全不同的选项，问一个关于一个日期选择器的问题，然后将代码基于另一个日期选择器似乎有点奇怪，但我假设你在哪里寻找获取有关 jQuery 日期选择器的答案

【解决方案2】：

在您最初的问题中，您说您使用的是第三方 datepicker 插件，但在您的小提琴中，您使用的是 JQueryUI DatePicker。所以这里有一个 JQueryUI datepicker 的例子。我相信它可以很容易地为第三方插件更新。

试试这个：

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/

【讨论】：