当前位置:  开发笔记 > 编程语言 > 正文

无法使用jQuery UI的日期选择器设置默认日期

如何解决《无法使用jQueryUI的日期选择器设置默认日期》经验,为你挑选了1个好方法。

我的HTML:


我的Javascript:

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

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

在此示例中,我希望首次加载页面时文本框显示为“ 2015-12-18”。如果单击文本框,将出现“日期选择器”对话框,我可以输入其他日期,但是应该显示“ 2015-12-18”的日期,直到完成该操作为止。但这不是,我也不明白为什么。

我的JS小提琴:

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



1> DinoMyte..:

尝试这个。

要记住的几件事->

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

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

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

推荐阅读
coco2冰冰
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有