jquery - 如何将 jQuery UI 日期选择器初始化为查询字符串中的日期？

Question

鉴于此标记：

// Calendar.html?date=1/2/2003
<script>
  $(function() { 
    $('.inlinedatepicker').datepicker();
  });
</script>
...

<div class="inlinedatepicker" id="calendar"/>

这将毫不费力地显示一个内联日期选择器（太棒了！）。如何将日期选择器预设为通过查询字符串传入的日期？

请注意，在这种情况下，我没有输入框——只有一个附加到 div 的日历。

Answer 1

这应该可行，尽管您可能会遇到语言环境问题（特别是 M/D/Y 与 D/M/Y）。

var date = location.match(/(?:\?|&)date=(\d+\/\d+\/\d+)(&|$)/)[1];
$('.inlinedatepicker').datepicker().datepicker("setDate", new Date(date));

Answer 2

我设法做到了

$('.inlinedatepicker').datepicker().datepicker("setDate", new Date(2011,11,01)); // Date equals December 1, 2011.

我不得不从月份中减去一个以获得正确的日期，因为日期似乎从零开始（0 = 一月）

Answer 3

除了@Ben Blank 答案，您还可以像这样使用defaultDate

var date = location.match(/(?:\?|&)date=(\d+\/\d+\/\d+)(&|$)/)[1];
$('.inlinedatepicker').datepicker({defaultDate:new Date(date)});