layer.open里面写laydate不弹出日期选择器与选择器闪退问题

1.layui中layer.open()模板中时间选择器导致的闪退的问题?
   原因:隐藏的面板中可能存在两个(html)导致时间选择器不知道选中那一层
   解决办法: 使用<script ></script>将html代码块包裹起来。
         <script id="importBox2" type="text/html">
        <form id="importFormBox1"  class="form-horizontal" action="" method="post" enctype="multipart/form-data" onSubmit="ts.loading('正在导入...')">
            <div class="box-body">
            <div class="row">
 

            <div class="row">

                <div class="form-group">
                     <label class="col-sm-4 control-label">获得时间:</label>
                     <div class="col-sm-8">
                     <input id="timeAwarded" name="timeAwarded" readOnly="readonly" type="text" 

                         //标红部分注意删除
                         th:value="${#calendars.format(timeAwarded, 'yyyy-MM-dd')}" class="form-control" laydate required />
                     </div>
                </div>
         
            <div class="box-footer text-center">
            <button type="button" class="btn btn-primary" id="btnConfirmBox1">确定</button>
            <button type="button" class="btn btn-default" id="btnClose1">关闭</button>
            </div>
        </form>
        </script>

          function layerOpen() {
                layer.open({
                    type: 1,
                    title: "机构资质添加",
                    area: ["1500px","260px"],
                    shadeClose: false,
                    content: $("#importBox2").html(),
                    success: function (layero, index) {
                       laydate.render({
                         elem: '#expirationDate',//指定元素
                         type: 'datetime',
                       });
                       
                        var aptitudeName = $(layero).find("#aptitudeName")
                        var certificateLevel = $(layero).find("#certificateLevel")
                        var issuedBy = $(layero).find("#issuedBy");
                        var expirationDate = $(layero).find("#expirationDate");
                        $(layero).find("#btnConfirmBox").bind("click",function (e) {

                            var flag = $("#importFormBox").valid();
                            if(flag){
                                // 增加行
                                addTr(aptitudeName.val(),certificateLevel.val(),issuedBy.val(),expirationDate.val())
                                layer.close(index)
                            }
                        })
                        $(layero).find("#btnClose").bind("click",function (e) {

                            layer.close(index)
                        })
                    }
                });
            }
 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值