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

开发思路
   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