Datepicker Jquery只允许一组日期

时间:2014-10-15 12:38:00

标签: jquery datepicker

我怎样才能将datepicker设置为仅允许选择(任何年份)< 05/01',' 08/01',' 11/01', ' 01/02'?

$(".dateField").datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: "yy/mm/dd",
    yearRange: '1900:2100'
});

当然,如果可能的话!提前谢谢!

1 个答案:

答案 0 :(得分:1)

您可以使用beforeShowDay禁用所有其他日期(但它看起来不太好看,因为几乎所有日历都会看起来已停用,并且很难找到启用日期)



$(".dateField").datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: "yy/mm/dd",
    yearRange: '1900:2100',
    beforeShowDay: function (date) {
        return [date.getDate() == 1 && [5, 8, 11, 1].indexOf(date.getMonth() + 1) >= 0]
    }
});

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/redmond/jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js"></script>

<input class="dateField" />
&#13;
&#13;
&#13;

如果你提供2个选择框(一个带有年份,另一个带有允许的日期)而不是一个日期选择器

会好得多