Layui 总结（3）laydate 日期插件添加选择范围

最新推荐文章于 2024-06-20 15:57:44 发布

dianfengzao1245

最新推荐文章于 2024-06-20 15:57:44 发布

阅读量549

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/nice2018/p/10854936.html

版权

开发思路
1.在要添加地方给 test1 添加点击事件当点击的前提条件发生再发生如下事情
2. 在DOM元素 before 或者after 添加dom
3. 添加dom之后给dom设计点击事件模拟用户点击

   $("#test1").click(function () {
      if (!$("#shangxun")[0]) {
        $(".laydate-btns-clear").before('<span class="laydate-btns-clear " id="shangxun" style="margin-right:20px">上旬</span>')
        $(".laydate-btns-clear:eq(0)").after('<span class="laydate-btns-clear " id="zhongxun" style="margin-right:20px">中旬</span>')
        $(".laydate-btns-clear:eq(1)").after('<span class="laydate-btns-clear " id="xiaxun" style="margin-right:200px">下旬</span>')
        
        $("#shangxun").click(function () {
          $(".layui-laydate-content td:not(.laydate-day-prev):eq(0)").click();
          $(".layui-laydate-content td:not(.laydate-day-prev):eq(9)").click();
        })
        $("#zhongxun").click(function () {
          $(".layui-laydate-content td:not(.laydate-day-prev):eq(10)").click();
          $(".layui-laydate-content td:not(.laydate-day-prev):eq(19)").click();
        })
        $("#xiaxun").click(function () {
          $(".layui-laydate-content td:not(.laydate-day-prev):eq(20)").click();
          $(".laydate-day-next:first").prev().click();
          console.log($(".laydate-day-next:first").prev())
        })
        
      }
    })

转载于:https://www.cnblogs.com/nice2018/p/10854936.html