layui-时间选择器-时间范围选择

您好，关于 layui 时间选择器的时间范围选择，您可以使用 layui 的日期范围选择组件。具体实现步骤如下：

1. 引入 layui 的日期范围选择组件：

<link rel="stylesheet" href="//cdn.staticfile.org/layui/2.5.6/css/layui.css">
<script src="//cdn.staticfile.org/layui/2.5.6/layui.js"></script>

2. 创建一个固定宽度的容器用于显示日期范围选择器：

<div class="layui-inline" style="width: 300px;">
  <input type="text" name="date" class="layui-input" id="test-laydate-range" placeholder="请选择时间范围">
</div>

3. 在 JS 中初始化日期范围选择器：

layui.use('laydate', function(){
  var laydate = layui.laydate;
  
  //执行一个laydate实例
  laydate.render({
    elem: '#test-laydate-range', //指定元素
    range: true //开启日期范围选择
  });
});

通过以上步骤，您就可以成功实现 layui 的时间选择器的时间范围选择功能了。希望能对您有所帮助。