Layui 日期控件月份選擇器設置指定月份不可被選中

需求為：做月計划，選擇月份時已經有過月計划的月份不可指定新的計划，故用到Layui的日期控件，使用為月選擇器，特此記錄如下

效果如圖：

 

 貼上DOM，方便日后理解：

 

 注意問題：

    1.使用月選擇器后，月份的dom並不和日期選擇器一樣，在table中。

    2.頁面若有多個laydate，layui會自動設置ID后綴數值遞增。

處理過程如下：

function initMonth(){
        ajaxSumbit("${ctx}/monthReview/getIsHasMonth.action","POST", {},function(data){
            var date = data.date;
            var datas = data.data;//格式為{'2022':'1,2,5'};
            //年選擇器
            laydate.render({
                elem: '#month'
                ,type: 'month'
                ,min: date//只可以選本月及以后
                ,ready: function (value) {
                    disabled_date(value.year,datas);
                }
                ,change: function(value, date, endDate){
                    disabled_date(date.year,datas);
                }
            });
        })
    }

 

function disabled_date(year,datas) {
 var month = datas[year];
 if(month != '' && month !=null){
        var array = month.split(",");
        console.log(array)
        for(var i in array){
　　　　　　　　//本例頁面中已經有一個laydate，故Id為layui-laydate2
　　　　　　　　$("#layui-laydate2 .layui-laydate-list").find("li:eq("+(array[i]-1)+")").addClass('laydate-disabled');
        }
    }
}

 

參考：https://blog.csdn.net/fangchao2011/article/details/90481999