添加jquery Datepicker后,文本框的初始值不显示

时间:2012-08-06 15:37:19

标签: javascript jquery html

我需要显示从日期文本字段的数据库中选择的初始值。我从jquery日期选择器添加日期。我添加jquery代码后初始值没有显示..任何人都建议我一个答案?谢谢!

这是我的jquery代码

<script src="JDate/ui/jquery.ui.core.js"></script>
    <script src="JDate/ui/jquery.ui.widget.js"></script>
    <script src="JDate/ui/jquery.ui.datepicker.js"></script>
    <link rel="stylesheet" href="JDate/demos/demos.css">
    <script>
    $(function() {
        $( "#birthday_text" ).datepicker();

        $( "#birthday_text" ).datepicker( "option", "dateFormat", "yy-mm-dd" );

    });

</script>

这是我的文本框代码

<input name="birthday_text" type="text" class="textfield" id="birthday_text" autocomplete="off" value="0000-00-00" readonly="readonly"/>

2 个答案:

答案 0 :(得分:3)

在您附加日期选择器时初始化默认日期:

$(function() {
  $( "#birthday_text" ).datepicker( {defaultDate:"0000-00-00",dateFormat: "yy-mm-dd" });

});​
带演示的

jsfiddle

更新:由于您说“defaultDate”参数会给您带来问题,请尝试以下方法:

  $( "#birthday_text" ).datepicker({dateFormat: "yy-mm-dd" } );
  $( "#birthday_text" ).val('0000-00-00');

jsfiddle替代。

答案 1 :(得分:0)

当您设置datepicker时,您需要使用选项设置默认日期。在默认日期查看他们的文档:http://jqueryui.com/demos/datepicker/#option-defaultDate。此外,datepicker控件有可能不允许您使用0000-00-00,因为它不是有效日期。您是否尝试过除了全零之外的其他内容?