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

   });
});

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