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); } });
提莫队长