jquery ui Datepicker 指定日期不可选

最新推荐文章于 2023-08-14 13:57:31 发布

stwood007

最新推荐文章于 2023-08-14 13:57:31 发布

阅读量1.1k

点赞数

分类专栏： JS 文章标签： php html python

本文链接：https://blog.csdn.net/stwood007/article/details/121659446

版权

JS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

jquery ui Datepicker 指定日期不可选，直接上代码。

//不可选日期列表
var disabledDays =['2021-12-29','2021-12-30','2021-12-31','2022-01-01','2022-01-02','2022-01-03'];

$( "#from_time" ).datepicker({
	autoSize: true,
	dateFormat: "yy-mm-dd",
	monthNames:  ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
	dayNamesMin: ["日", "一", "二", "叁", "肆", "伍", "陆"],
	duration: "slow",
	gotoCurrent: true,
	minDate: new Date(),
	navigationAsDateFormat: true,
	showMonthAfterYear: true,
	beforeShowDay:disableSpecificDays
	/*beforeShowDay: function(in_date) {
		var dateText = in_date.getFullYear()  + '-'+ (in_date.getMonth() + 1) + '-' + in_date.getDate();
        if($.inArray(dateText, disabledDays)!=-1){
            return [false];
        }
        return [true];
    }*/


});

function disableSpecificDays(date) {
    var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
    if (typeof(disabledDays) != "undefined") {
        for (var i = 0; i < disabledDays.length; i++) {
            if($.inArray(y + '-' + (m+1) + '-' +d ,disabledDays) != -1) {
                return [false,'class-store-closed', ''];
            }
        }
    }
    return [true];
}


// CSS style
.class-store-closed {
可以为不可选日期设置样式
}