layui 一些方法封装 js

layui.use(['form'], function(){
   laydate = layui.laydate;
   form = layui.form;
   layer = layui.layer;// 表单验证
   form.render();
   form.verify({
      float:[
         /^-?\d+\.?\d{0,2}$/
         ,'输入的必须为两位小数'
      ]
   });
   //监听提交
   form.on('submit(*)', function(data){
         $.ajax({
         url: data.form.action,
         type: data.form.method,
         data: $(data.form).serialize(),
         dataType:'json',
         success:function (info) {
            if (info.status === 1) {
               setTimeout(function () {
                  location.href = info.url;
               }, 1000);
            }
            layer.msg(info.info);
         }
      });
      return false;
   });
});

/**
 * 通用删除
 */
$('.ajax-delete').on('click', function () {
   var url = $(this).attr("href");
   layer.open({
      content: '确定要删除吗'
      ,btn: ['确定', '取消']
      ,yes: function(index, layero){
         //按钮【按钮一】的回调
         // layer.msg("删除成功", {icon: 2});
         $.ajax({
            url: url,
            dataType:'json',
            success:function (info) {
               if(info.status ==1){
                  layer.msg(info.info, {icon: 1});
               }else {
                  layer.msg(info.info, {icon: 2});
               }
            }
         });
      }
      ,btn2: function(index, layero){
         //按钮【按钮二】的回调
         // return false
         // return false 开启该代码可禁止点击该按钮关闭
      }
   });


   return false;
});

/**
 * 日期时间通用
 */

layui.use('laydate', function(){
   var laydate = layui.laydate;

   //执行一个laydate实例
   laydate.render({
      elem: '#test1' //指定元素
   });
});


layui.use('laydate', function(){
   var laydate = layui.laydate;
   //执行一个laydate实例
   laydate.render({
      elem: '#year', //指定元素
      type:'year',
   });
});
layui.use('laydate', function(){
   var laydate = layui.laydate;

   //执行一个laydate实例
   laydate.render({
      elem: '#test2', //指定元素
   });
});


layui.use('laydate', function(){
   var laydate = layui.laydate;

   //执行一个laydate实例
   laydate.render({

      type:'month',
      elem: '#month', //指定元素

   });
});

Layui 是一个基于web前端UI框架,为开发者提供了一些通用的UI组件和工具集,帮助开发者快速构建漂亮、易用的网页界面。其中,Layui封装.jsLayui框架中的一个重要组成部分。 Layui封装.js主要是用来封装一些常用的JavaScript函数和方法,以供开发者使用。它通过提供一些常见的功能性封装,帮助开发者简化代码编写过程,提高开发效率。 Layui封装.js内置了一些方便实用的函数,比如常见的日期时间操作、字符串操作、数组操作、浏览器相关操作等。例如,使用Layui封装.js中的日期函数,我们可以方便地获取当前日期、计算日期的差值、格式化日期等。使用字符串函数可以实现字符串的截取、替换、拼接等操作。使用数组函数可以实现数组的去重、排序、过滤等操作。而使用浏览器相关操作可以获取浏览器的类型、判断浏览器版本、获取当前页面的URL等。 除了提供这些常见的功能性函数之外,Layui封装.js还提供了一些封装的组件,比如弹出层、表格、表单等。这些组件在Layui框架的基础上进行了再次封装,在使用上更加简单便捷。比如使用Layui封装.js中的弹出层组件,我们只需要简单地调用相应的函数,就可以实现页面上的弹出层效果,不需要繁琐的手动编写HTML和CSS。 总之,Layui封装.jsLayui框架中提供的一些常用函数和组件的封装集合,可以帮助开发者更加便捷地开发和构建前端网页。无论是处理日期、字符串等基本操作,还是使用组件实现弹出层、表格等功能,都可以通过Layui封装.js来实现,提高开发效率,减少重复性工作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值