jquery datepicker代码不起作用(将特定日期设置为默认值)

时间:2011-05-07 08:32:20

标签: javascript jquery ajax jquery-ui-datepicker

我正在尝试在页面加载时将日期设置为特定的日期,所以我正在尝试此代码:

    <script type="text/javascript">


    $(document).ready(function() { 

  var queryDate = new Date();
queryDate.setFullYear(2009,11,01);
$('#date').datepicker({defaultDate: queryDate});


$("input[type='submit']").click(function(e) {
            e.preventDefault();
            $.post("s.php", $("form").serializeArray(), function(message) {
                window.location="v.php" 
            });
        });
    });

</script>

//The form part where is displays the datepicker:

<form action="#" method="POST">
<div data-role="fieldcontain">
<label for="date">Date:</label>
<input type="date" name="date" id="date" value=""  />
<input type="submit" value="submit" />
 </div>     
</form>

问题在于没有任何变化......默认值仍然是当前日期:o /

有什么想法吗?

更新:试过这段代码:

var queryDate = new Date(2009,11,01);
$('#date').datepicker({defaultDate: queryDate});
$('#date').val(queryDate);

日期显示在输入框中,但日历不在正确的月份或日期...移动前进但仍无法正常工作。

5 个答案:

答案 0 :(得分:2)

我不确定这里建议的答案是否有效。正如我测试它在正确的月份和年份显示,但只是没有突出显示日期。这可能是因为日期格式。

尝试添加此代码,使其具有您日期的默认值。

$('#date').val(queryDate);

然后您可能会看到格式与日期选择器中的日期不同。如果您设法使用日期选择器设置正确的格式,那么您将获得所需的内容。

答案 1 :(得分:1)

如果你试过这个怎么办

新日期(年,月,日,小时,分钟,秒,毫秒)

var queryDate = new Date();
queryDate.setFullYear(2009,11,01);
$('#date').datepicker({defaultDate: queryDate});

然后,datepicker知道它的日期对象以及如何处理它。


EDIT 好的 - 我所做的就是复制代码完全按照你在这里发布的几个帖子相同的建议 - 以及你编辑的代码。添加了标签 - 包括jquery和jquery ui .. 我没有看到任何问题 - 解除日期是2009年。

</head>
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery-ui.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() { 
var queryDate = new Date();
queryDate.setFullYear(2009,11,01);
$('#date').datepicker({defaultDate: queryDate});

$("input[type='submit']").click(function(e) {
        e.preventDefault();
        $.post("s.php", $("form").serializeArray(), function(message) {
            window.location="v.php" 
        });
      });
   });
  </script>

</head>

<body>
//The form part where is displays the datepicker:

<form action="#" method="POST">
<div data-role="fieldcontain">
<label for="date">Date:</label>
<input type="date" name="date" id="date" value=""  />
<input type="submit" value="submit" />

</div>     
</form>

</body>

结果(未附加样式表) enter image description here

工作示例 - 告诉我出了什么问题

http://jsfiddle.net/ppumkin/nptgn/

答案 2 :(得分:1)

试试这个

  var queryDate = new Date(2009,11,01);<br/>
  $('#date').datepicker({defaultDate: queryDate});

答案 3 :(得分:0)

我遇到了类似的问题,我解决了这个问题

$('.datepicker').datepicker({dateFormat: "yy-mm-dd", defaultDate: "+3m"} );

答案 4 :(得分:0)

试试这个

$( '#数值指明MyDate')VAL( “2009-11-01”);