首页 > 其他 > 详细

Layui 总结(3)laydate 日期插件 添加选择范围

时间:2019-05-13 10:57:30      阅读:182      评论:0      收藏:0      [点我收藏+]

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

  

Layui 总结(3)laydate 日期插件 添加选择范围

原文:https://www.cnblogs.com/nice2018/p/10854936.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!