爱玺玺

爱玺玺的生活日记本。wx:lb87626

layui 动态生成的元素绑定下拉日期


<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">

  <legend>录入回访计划</legend>

</fieldset>

 

 <form class="layui-form"  action="{:url('cvisAddIn')}"  method="POST"  id="cvisform">          

  <table class="layui-table">

    <colgroup>

      <col width="100">

      <col width="100">

      <col width="100">

      <col width="200">

      <col>

    </colgroup>

    <thead>

      <tr>

        <th>卡号</th>

        <th>姓名</th>

        <th>手机</th>

        <th>回访日期</th>

        <th>备注</th>       

      </tr> 

    </thead>

    <tbody id="billTable">

    

      <tr>

        <td>{$cus['c_no']}<input type="hidden" name="c_no[]" value="{$cus['c_no']}"><input type="hidden" name="c_id[]" value="{$cus['id']}"></td>

        <td>{$cus['cname']}<input type="hidden" name="cname[]" value="{$cus['cname']}"></td>

        <td>{$cus['tel']}<input type="hidden" name="tel[]"></td>

        <td><input type="text" class="layui-input test11" id="test1" placeholder="yyyy-MM-dd"  name="r_date[]"></td>

        <td><input type="text" name="note[]" class="layui-input"></td>

      </tr>



      <tr class="btr">

        <td colspan="1"><button  type="button" class="layui-btn layui-btn-primary layui-border-orange" id="addBill">增加</button></td>

        <td colspan="1"><button  type="button" class="layui-btn layui-btn-primary layui-border-orange" id="addremove">删除</button></td>

        <td colspan="4"></td>

      </tr>

      

    </tbody>

  </table>

 </div>



  <div class="layui-form-item">

    <div class="layui-input-block" style=" text-align:  center;">

      <button type="button" class="layui-btn" id="ajaxBtn">保存</button>

    </div>

  </div>



</form>



<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">

  <legend>回访计划</legend>

</fieldset>


<div class="layui-form">

  <table class="layui-table">

    <colgroup>

      <col width="200">

      <col width="500">

      <col width="120">

      <col width="100">

      <col width="120">

      <col width="100">

      <col width="100">

      <col width="100">

      <col width="180">



      <col>

    </colgroup>

    <thead>

      <tr>

        <th>回访计划</th>

        <th>回访日期</th>

        <th>状态</th>    

      </tr> 

    </thead>

    <tbody>

    {volist name='cvis' id='v'}

      <tr>

        <td>{$v['note']}</td>

        <td>{$v['r_date']}</td>

        <td>{$v['isr']}</td>

      </tr>

    {/volist}

      

    </tbody>

  </table>

</div>


</body>

</html>

<script type="text/javascript">

/*

$("#addBill").on("click",function(){

   $("#billTable").children(":last-child").before('<tr><td>{$cus['c_no']}<input type="hidden"name="c_no[]"value="{$cus['c_no']}"><input type="hidden"name="c_id[]"value="{$cus['id']}"></td><td>{$cus['cname']}<input type="hidden"name="cname[]"value="{$cus['cname']}"></td><td>{$cus['tel']}<input type="hidden"name="tel[]"></td><td><input type="text" class="layui-input test11" id="test1" placeholder="yyyy-MM-dd" name="r_date[]" ></td><td><input type="text"name="note[]"class="layui-input"></td></tr>');

})

*/

$("#addremove").on("click",function(){

   $("#billTable").children(":last-child").prev().remove();

})


$("#ajaxBtn").on("click",function(){


  var formData=$("#cvisform").serialize();

   $.ajax({

    type: "POST",

    url: "{:url('cvisAddIn')}",

    processData:true,

    data:formData,

    success: function(data){

        alert("操作成功");

        window.location.href='{:url('customerListReplay')}'

    }


   });


})


/*

function timeAdd(){

            lay(".test11").each(function (){

                laydate.render({

                    elem:this,

                    type:'time',

                    trigger:'click'

                })

            })

            

            //删除 lay-key  属性

            $(".saletime").removeAttr("lay-key");

      //重新渲染

            form.render();

            table.render();

        }

*/        


layui.use(['form', 'layedit', 'laydate'], function(){

  var form = layui.form

  ,layer = layui.layer

  ,layedit = layui.layedit

  ,laydate = layui.laydate;

  

  //日期

  laydate.render({

    elem: '.test11'

  });


  //表单取值

 $(document).on("click","#addBill",function(e){

    e.stopPropagation();

    $("#billTable").children(":last-child").before('<tr><td>{$cus['c_no']}<input type="hidden"name="c_no[]"value="{$cus['c_no']}"><input type="hidden"name="c_id[]"value="{$cus['id']}"></td><td>{$cus['cname']}<input type="hidden"name="cname[]"value="{$cus['cname']}"></td><td>{$cus['tel']}<input type="hidden"name="tel[]"></td><td><input type="text" class="layui-input test11" id="test1" placeholder="yyyy-MM-dd" name="r_date[]" ></td><td><input type="text"name="note[]"class="layui-input"></td></tr>');

     lay(".test11").each(function (){

                laydate.render({

                    elem:this,

                    trigger:'click'

                })

            })

     //删除 lay-key  属性

            $(".saletime").removeAttr("lay-key");

      //重新渲染

            form.render();

  });

  

});

</script>


发表评论:

Powered By Z-BlogPHP 1.4 Deeplue Build 150101

Copyright Your WebSite.Some Rights Reserved.

蜀ICP备11021721号-5