JQuery UI在年份datepicker中的特定月份之间进行选择

时间:2012-08-04 17:29:51

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

我是JQuery的新手,我想看看我是否可以使用JQuery UI datepicker做这样的事情。

我想在每年的1月1日到3月30日或特定年份展示..并禁用其他日期。首选日期应为今天起5个工作日。

有可能吗?我确实在JQuery UI上看到了一些范围等,但我不太明白。

由于

更新

我可以做类似下面的事情让用户从今天开始只选择5天。

minDate: +5, maxDate: "+3M +10D",

更新

                      showButtonPanel: true,
                      minDate: new Date(2012, 1, 2),
                      maxDate: new Date(2012, 3,30),
                      minDate: + 5

1 个答案:

答案 0 :(得分:1)

您可以指定最短和最长日期。

<强> HTML     

<p>Date: <input type="text" id="datepicker"></p>

<p>New Date: <input type="text" id="test"></p>

</div>

JavaScript(两个不同的例子。第一个硬设置日期。第二个获得当天+ 5天。

  $(function() {
        $( "#datepicker" ).datepicker({
           minDate: new Date(2012, 0, 1),
           maxDate: new Date(2012, 2, 31)}
        );

        var today= new Date();
        var numberofDays = 5;
        var newDate = new Date().setDate(today.getDate()+numberofDays);
        $( "#test" ).datepicker({
           minDate: newDate,
           maxDate: 5}//number of days from the start date
        );
    });

以下是jsfiddle

的一些示例

http://jsfiddle.net/rpNXZ/1/