zoukankan      html  css  js  c++  java
  • laydate指定日期不可选

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

    //页面部分
    <td style="vertical-align:top;">
                                            
                                                <input style=" 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);
                }
            });
    提莫队长
  • 相关阅读:
    【数据结构与算法】C++Vector常用备忘
    【数据结构与算法】C++String常用备忘
    【JAVA】几个collection框架
    【JAVA】创建一维数组+创建二维数组
    DNN 错误代码 0x80070005 解决方案
    ehcache
    redis
    MySql优化—删除操作
    MySql优化过程及原理
    如何查看MySQL的执行计划
  • 原文地址:https://www.cnblogs.com/atimo/p/14505360.html
Copyright © 2011-2022 走看看