要让laydate浮在layer.open表面上,可以在layer.open的配置中设置success回调函数,在回调函数中使用laydate的render方法来创建laydate实例,并将其设置为layer.open的content属性。具体步骤如下:

  1. 引入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">
  1. 在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实例。

  1. 运行代码,显示layer.open弹窗后,laydate会浮在弹窗的表面上。

注意:以上代码示例中使用的是最新版本的laydate和layer,如果使用其他版本可能会有些许差异

怎么让laydate浮在layeropen表面上

原文地址: https://www.cveoy.top/t/topic/hNQo 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录