2011-09-12 131 views
2

我有一个名为文本框:“最后期限”,这是具有价值,是这样的:jquery datepicker无法显示值....?

<input type="input" maxlength=10 value="2011-09-14" id="deadline" name="deadline" class="date_picker"></input> 

但是,当我跑这个js,就消失了,我看不出值:

$('.date_picker').datepicker(); 
    $('.date_picker').datepicker('option', 'dateFormat', 'yy-mm-dd', 'showOn', ''); 

为什么date_picker消失我的价值?如果我想回来,我该怎么做?谢谢。

+0

'value =“2011-09-14”'然后是''yy-mm-dd''?年份是2位还是4位? –

+0

我只是按照这个例子,使用'yy':http://jqueryui.com/demos/datepicker/#date-formats – Tattat

+0

Y表示Year,M month和D day。所以,如果你想格式化你的日期,如“2011-09-04”,那就是“YYYY-MM-DD”。您目前已将其设置为不兼容的“YY-MM-DD”。请参阅下面的答案以获取更多信息。 – ShaneC

回答

2

日期选择器通常会根据您的格式选项清除您的HTML给定的默认值。它,然而,有设置默认日期的选项:

http://jqueryui.com/demos/datepicker/#option-defaultDate

重要提示:请务必默认值的日期格式的格式相匹配

因此,添加到您的选项带有你的值的字符串或JavaScript日期对象的dateFormat。更多信息:

如果该字段为空,请在第一次打开时设置突出显示的日期。 指定通过Date对象的实际日期或当前dateFormat中的字符串,或者从今天开始的天数(例如+7)或 字符串值和句点('y'为年,'m'几个月,'w'为 周,'d'为几天,例如'+ 1m + 7d'),或者今天为空。

最后,如果您仍然遇到问题,您的选项字符串可能会格式错误。我还没有看到这样的选项字符串,但这并不意味着它不起作用。如果仍有问题,请尝试使用与此类似的格式实施您的选项:

$(".date_picker").datepicker({ 
    dateFormat : 'yy-mm-dd' 
}); 
+1

如果我按照您提到的格式设置了格式,则会显示该值,但日历输出格式很奇怪:09/05/2011 – Tattat

+0

当您说日历格式时,具体是什么意思?当您使用日历更改日期时,会将其输入文本框“09/05/2011”?如果是这样,那么你的'dateFormat'设置不正确。 – ShaneC

3

我也试图让它工作,并发现使用jquery的解决方案没有别的工作。 我做了

 
    
    $(document).ready(function(){ 
     $(".datepicker").val('2011-09-14'); 
    });