怎么让laydate浮在layeropen表面上
要让laydate浮在layer.open表面上,可以在layer.open的配置中设置success回调函数,在回调函数中使用laydate的render方法来创建laydate实例,并将其设置为layer.open的content属性。具体步骤如下:
- 引入laydate和layer的相关文件:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/layui/2.5.6/layui.js"></script>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/layui/2.5.6/css/layui.css">
- 在layer.open的配置中设置success回调函数:
layer.open({
type: 1,
title: '示例',
content: '<input type="text" id="dateInput">',
success: function(layero, index) {
layui.use('laydate', function() {
var laydate = layui.laydate;
laydate.render({
elem: '#dateInput',
show: true,
position: 'static'
});
});
}
});
在success回调函数中,使用layui.use方法加载laydate模块,并在回调函数中创建laydate实例。
- 运行代码,显示layer.open弹窗后,laydate会浮在弹窗的表面上。
注意:以上代码示例中使用的是最新版本的laydate和layer,如果使用其他版本可能会有些许差异
原文地址: https://www.cveoy.top/t/topic/hNQo 著作权归作者所有。请勿转载和采集!