Question

layui的日期弹出框怎么设置到顶层位置

<script> $(function () { //设置日期插件 layui.use('laydate', function() { var laydate = layui.laydate; //常规用法 laydate.render({ elem: '#reportDate', type:'date', // position: 'fixed', // zIndex: 1 //设置后不起作用 }); }); });</script>

Answer 1

1、给弹出层id及信息，方便获取其宽度和高度
var index = layer.msg(data.info,{id:'reg-id'});
2、根据具体情况计算出弹出层的top和left，用offset设置其位置
layer.msg(index,{content:data.info,offset:[ppt,ppl]});

例子，设置layer弹出层在弹出层（id为pop-reg）的中间（水平垂直居中）位置
var offset = $('#pop-reg').offset();
var pt = offset.top;//获取弹出层的top
var pl = offset.left;//获取弹出层的left
var ph = $('#pop-reg').height();//获取弹出层的高度
var pw = $('#pop-reg').width();//获取弹出层的宽度
var index = layer.msg(data.info,{id:'reg-id'});//给layer弹出层定义id
var pph = Number($('#reg-id').height()) + 24;//layer弹出层的高度，layer默认的padding-top:12px;padding-bottom:12px;所以此处加上24
var ppw = Number($('#reg-id').width()) + 50;//layer弹出层的宽度，layer默认的padding-left:25px;padding-right:25px;所以此处加上50
var ppt = (pt + ph/2 - pph/2) + 'px';
var ppl = (pl + pw/2 - ppw/2) + 'px';
layer.msg(index,{content:data.info,offset:[ppt,ppl]});