代码之家 › 专栏 › 技术社区 › shsteimer

如何将jQuery UI日期选择器初始化为来自querystring的日期?

datepicker jquery-ui jquery

6

shsteimer · 技术社区 · 17 年前

鉴于此标记:

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

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

注意,在本例中,我没有输入框——只是一个附加到div的日历。

3 回复 | 直到 17 年前

1

12

Ben Blank Jarret Hardie 17 年前

这应该是可行的,尽管您可能会遇到区域设置问题(特别是M/D/Y与D/M/Y)。

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

2

animuson 14 年前

我设法做到了这一点

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

我不得不从月份中减去一,以获得正确的日期,因为日期似乎从零开始(0=1月)

3

2

Fareed Alnamrouti 14 年前

除了@Ben空白答案,您还可以使用这样地

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