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