Jquery datepicker无法显示值....?

时间:2011-09-12 04:42:14

标签: jquery jquery-ui datepicker jquery-ui-datepicker

我有一个名为“deadline”的文本字段,它有值,如下所示:

    <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会消失我的价值?如果我想要它,我怎么能这样做?感谢。

3 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:2)

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

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

重要提示:请确保您的默认值与dateFormat的格式相符

因此,使用您的值字符串或JavaScript日期对象为dateFormat添加选项。更多信息:

  

如果该字段为空,请在第一次打开时设置要突出显示的日期。   通过Date对象指定实际日期或在。中指定字符串   当前日期格式,或从今天起的天数(例如+7)或a   一串价值观和期间('y'表示年份,'m'表示月份,'w'表示   几周,'d'天,例如'+ 1m + 7d'),或今天为null。

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

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

答案 2 :(得分:0)

ShaneC几乎是正确的。日期格式应为yy-mm-dd,因为一个y实际上代表一年中的两位数。请在此处查看日期格式列表:http://docs.jquery.com/UI/Datepicker/formatDate

请参阅示例:http://jsfiddle.net/william/RtYLB/