layui 日期范围选择器 包含 日 周 月 学期 区间 的详细代码

以下是包含日、周、月、学期和区间选择的layui日期范围选择器的完整代码：

HTML代码：

<div class="layui-form-item">
  <label class="layui-form-label">日期范围选择器</label>
  <div class="layui-input-block">
    <input type="text" class="layui-input" id="date-range" placeholder="请选择日期范围" autocomplete="off">
  </div>
</div>

JavaScript代码：

layui.use(['laydate', 'jquery'], function () {
  var laydate = layui.laydate,
    $ = layui.jquery;

  //执行一个laydate实例
  laydate.render({
    elem: '#date-range',
    type: 'date',
    range: true,
    format: 'yyyy-MM-dd',
    theme: '#1e9fff',
    calendar: true,
    ready: function (date) {
      var end = new Date(), start = new Date();
      start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
      this.elem.val(laydate.format(start, 'yyyy-MM-dd') + ' - ' + laydate.format(end, 'yyyy-MM-dd'));
    },
    done: function (value, date, endDate) {
      console.log(value);
    },
  })
});

如果你需要调整代码中的样式或其他参数，可以根据需要进行修改。