js layui 使用笔记。

1、array   
   2、 var test = {"age":"212","name":"haha"}
    数组删除    delete test.age   // {"name":"haha"}
    数组增加   test["class"] = "1"  // {"name":"haha","class":"1"}
    数组大小   Object.getOwnPropertyNames(test).length
    3、利用jquery在某个div后添加一个div
        $("#divId").after("<div>这个是新增的div</div>");
    4、layui 存全局参数
        存值:  layui.data('userNameData', {
                          key: 'userName'
                          ,value: result.data
                      });
        取值:  var localTest = layui.data('userNameData');
    5、layui 自定义 icon
        <style type="text/css">
            .myui-icon-password:before{content:"\e716"}
        </style>   
    6、js拼接html元素字符串符合html美观方法、
        https://blog.csdn.net/baidu_38027860/article/details/80109270  

    7、动态拼接界面
         <div id="externalHtml"></div>
      一、JS把内容动态插入到DIV 内部。
         js 代码
        var externalHtml = document.getElementById('externalHtml');
        externalHtml.innerHTML ="直接写!!!"
      二、JS把内容动态插入到DIV 后面 after ,前面 before
          jquery 代码
          $("#externalHtml").after("<div id='errorID'><br><label style=\"color: red\"><i class=\"layui-icon\">&#xe69c;</i> "+msgTip+"</label></div>");
                     
      三、用js或者jquery动态给div追加内容,不覆盖之前的内容
          非jQuery方法的就是直接追加了
          var divA = document.getElementById("externalHtml");
          divA.innerHTML = divA.innerHTML+"追加";
          jquery
          jQuery的append方法:
          $("div").append();在选择元素的末尾添加内容


  8、 layui JS 把日期转为毫秒值。  
          laydate.render({
                elem: '#startTimeEditor'
                ,type: 'datetime'
                ,done:function (value,date) {
                    var arr = value.split(/[- : \/]/);
                    startTime = Date.parse(new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]));
                   if (startTime > endTime && endTime != -1 && startTime != -1 ){
                       $("input[name='startTimeEditor']").val("");
                       form.render();
                       layer.alert("活动结束时间不能早于活动开始时间",{icon: 0});

                   }
                }
            });
   9、html 缩进  
      <style type="text/css">
         p{ text-indent:2em;}
      </style>  
   10、layui 获取table 所有数据
      var data = table.cache['tableId']
      for(var i=0; i<data.length; i++){
          console.log('obj: ',JSON.stringify(data[i]))
      }     

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值