laydate限定某天不可选

最近因为客户的需求，又小小的研究了下layui的laydate，不得不说这个时间控件不错，UI也好看，但是该控件现在还没有类似的方法，限定某天不可选，恰巧客户就要求这个~你说气不气~上网各种找方法最终终于解决了~

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

由于客户要的是每周一不要选，所以我们这么写：

<script type="text/javascript">$(function(){var now = new Date();//执行一个laydate实例laydate.render({elem: '#haha', //指定元素value:now,min: 0,max: 7,   //以上是渲染过程，网上教程都有讲就不说了，主要看ready函数ready: function(){var elem = $(".layui-laydate-content");//获取table对象layui.each(elem.find('tr'), function (trIndex, trElem) {//遍历trlayui.each($(trElem).find('td'), function (tdIndex, tdElem) {//遍历tdvar 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');}});});},done: function(value, date){alert("我成功了哈哈！");}});});
<script>

效果实现~

laydate限定某天不可选相关推荐

laydate限定时间控件去除秒
css控件样式修改 <style type="text/css">.layui-laydate-content>.layui-laydate-list {padd ...
element-plus的el-date-picker日期范围选择控件，根据开始日期限定结束日期的可选范围为开始日期到开始日期+30天
在开发的时候,我们常常遇到日期范围选择根据指定开始日期限定结束日期的可选范围的情况.比如我们选择的开始日期为2022-04-01,则结束日期必须是2022-05-01之前,并且不能超过当前日期. 前端 ...
AspectJ切入点语法详解
本文转自http://jinnianshilongnian.iteye.com/blog/1415606,很喜欢该作者的文章,在此对作者表示敬意! 6.5.1 Spring AOP支持的Aspect ...
Spring AOP详解(http://sishuok.com/forum/posts/list/281.html)
三6.5 AspectJ切入点语法详解 6.5.1 Spring AOP支持的AspectJ切入点指示符切入点指示符用来指示切入点表达式目的,,在Spring AOP中目前只有执行方法这一个连接 ...
spring(3)高级装配
[0]README 0)本文部分文字描述转自:"Spring In Action(中/英文版)",旨在review spring(3)高级装配的相关知识: [1]环境与prof ...
中国移动MM7 API用户手册(七)
4.4 VASP接收状态报告(上行业务) 当VASP在发送MM7SubmitReq给MMSC时设置需要发送状态报告的请求为true时,MMSC在收到MM7SubmitReq后,会发送状态报告给VAS ...
基于注解方式@AspectJ的AOP
启用对@AspectJ的支持 Spring默认不支持@AspectJ风格的切面声明,为了支持需要使用如下配置: <aop:aspectj-autoproxy/> 这样Spring就能发现@ ...
《深入理解分布式事务》第二章 MySQL 事务的实现原理
shua# <深入理解分布式事务>第二章 MySQL 事务的实现原理文章目录一.Redo Log 1.Redo Log 基本概念 2.Redo Log 基本原理 3.Redo Log ...
金仓数据库 KingbaseES SQL 语言参考手册 (10. 查询和子查询）
10. 查询和子查询本章描述SQL查询以及子查询.包含以下章节: 关于查询和子查询创建简单查询层次查询集合操作查询结果排序 JOIN操作使用子查询限制嵌套查询层数 DUAL表查询 10. ...
Spring 之AOP AspectJ切入点语法详解（最全了，不需要再去其他地找了）---zhangkaitao
Spring 之AOP AspectJ切入点语法详解(最全了,不需要再去其他地找了) http://jinnianshilongnian.iteye.com/blog/1415606 --zha ...

laydate限定某天不可选

laydate限定某天不可选相关推荐

最新文章

热门文章