在jquery datepicker中设置最小日期

Question

嗨我想在我的jquery datepicker中设置最小日期为(1999-10-25)所以我尝试了下面的代码它不工作.

$(function () {
    $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        showButtonPanel: true,
        changeMonth: true,
        changeYear: true,
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date(1999, 10 - 1, 25),
        maxDate: '+30Y',
        inline: true
    });
});

**如果我将最小年份改为2002年以上,那么它将工作正常,但如果我指定的年份少于2002年(如上面的例子1999),它将仅显示到2002年.有人帮助我.我正在使用jquery-1.7.1.min.js和jquery-ui-1.8.18.custom.min.js.

Answer 1

$(function () {
    $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        showButtonPanel: true,
        changeMonth: true,
        changeYear: true,
yearRange: '1999:2012',
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date(1999, 10 - 1, 25),
        maxDate: '+30Y',
        inline: true
    });
});

刚添加年份范围选项.它应该解决问题

Answer 2

问题是"yearRange"的默认选项是10年.

所以2012 - 10 = 2002.

因此,将yearRange更改为c-20:c或仅更新1999(yearRange: '1999:c'),并将其与限制日期(mindate,maxdate)结合使用.

欲了解更多信息:http://jqueryui.com/demos/datepicker/#option-yearRange

参见示例:http://jsfiddle.net/kGjdL/

你的代码加上:

$(function () {
    $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        showButtonPanel: true,
        changeMonth: true,
        changeYear: true,
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date(1999, 10 - 1, 25),
        maxDate: '+30Y',
        yearRange: '1999:c',
        inline: true
    });
});

Answer 3

Hiya工作演示：http : //jsfiddle.net/femy8/

现在日历将只到 1999-10-25 的最小值。

单击图像，即文本框旁边的小图标以显示日历。您可以尝试选择直到 1999 年，但选择的最短日期是 1999 年 10 月 25 日。这正是您想要的。

这会有所帮助，祝你好运！:) 干杯！

查询代码

$(".mypicker").datepicker({
    changeYear: true,
    dateFormat: 'yy-mm-dd',
    showButtonPanel: true,
    changeMonth: true,
    changeYear: true,
    showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date('1999/10/25'),
        maxDate: '+30Y',
        inline: true
});


?