laydate指定日期不可选

思路是这样的,laydate渲染完成后实际上是一个table,table的类名也是有的,可以循环这个table的td,最后在符合你的条件的td上加上一个laydate-disabled类名就好了~接下来上代码

//页面部分
<td style="vertical-align:top;">
                                        
                                            <input style="width: 100px;height:32px;" class="layui-input"
                                                   name="lastEnd" id="lastEnd"
                                                   value="" type="text" data-date-format="yyyy-MM-dd"
                                                   readonly="readonly"
                                                   placeholder="日期" title="日期"/>

                                        
                                    </td>

//js部分

        var now = new Date();
        var arr = ['2021-3-30','2021-3-9','2021-3-13','2021-3-20'];//不可选日期数组
        layui.laydate.render({//执行一个laydate实例
            elem: '#lastEnd', //指定元素
            value:now,
            ready: function(){
                var elem = $(".layui-laydate-content");//获取table对象
                layui.each(elem.find('tr'), function (trIndex, trElem) {//遍历tr
                    layui.each($(trElem).find('td'), function (tdIndex, tdElem) {
                        //遍历td
                        var tdTemp = $(tdElem);
                        if (tdTemp.hasClass('laydate-day-next') || tdTemp.hasClass('laydate-day-prev')) {
                            return;
                        }
                        // if (tdIndex == 1) { //此时周一不可选
                        //     //此处判断,是1的加上laydate-disabled,0代表星期日
                        //     tdTemp.addClass('laydate-disabled');
                        // }
                        if(arr.indexOf(tdTemp.attr("lay-ymd"))>-1){//指定数组中的日期不可选
                            tdTemp.addClass('laydate-disabled');
                        }
                    });
                });
            },
            done: function(value, date){
                alert("我选中的日期!"+value);
            }
        });

 

posted @ 2021-03-09 14:32  atimo  阅读(2017)  评论(0编辑  收藏  举报