javascript - 无法使用 jquery ui 的日期选择器设置默认日期

Question

我的 HTML:

<input type="text" name="day" id="date">

我的 JavaScript:

$(function() {
    $('#date').datepicker({
        'dateFormat': 'yy-mm-dd',
        'defaultDate': '2015-12-18'
     });
});

#date 文本框正在转变为日期选择器，因此可以正常工作。格式是我告诉它的格式。但默认日期选项似乎没有做任何事情。

在此示例中，我希望首次加载页面时文本框会显示“2015-12-18”。如果我单击文本框，则会出现日期选择器对话框，我可以输入不同的日期，但在我完成此操作之前，应显示“2015-12-18”的日期。但事实并非如此，我也不明白为什么。

我的 JS fiddle :

https://jsfiddle.net/18000rLe/4/

Answer 1

试试这个。

需要记住的几件事 -->

1. defaultDate 选项将在 datepicker calender 中设置日期，而不是在 输入字段。为此，您需要显式定义 setDate。
2. 如果您在datepicker中使用'setDate'，则不需要添加defaultDate作为datepicker 会自动从input 字段中选择日期。

  $(function() {
        $("#date").datepicker({dateFormat: 'yy-mm-dd'});
        $("#date").datepicker('setDate', new Date('2014-12-18')); 
    }); 

示例:http://jsfiddle.net/DinoMyte/tXyLn/527/