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', //指定元素

   });
});

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章