layui/docs/laydate/examples/range.md

左右面板独立选择模式（默认） :

日期范围

-

左右面板联动选择模式 ^2.8+ :

日期范围

-

其他类型的范围选择 :

年范围

年月范围

时间范围

日期时间范围

<script> layui.use(function(){ var laydate = layui.laydate; // 日期范围 - 左右面板独立选择模式 laydate.render({ elem: '#ID-laydate-range', range: ['#ID-laydate-start-date', '#ID-laydate-end-date'] }); // 日期范围 - 左右面板联动选择模式 laydate.render({ elem: '#ID-laydate-rangeLinked', range: ['#ID-laydate-start-date-1', '#ID-laydate-end-date-1'], rangeLinked: true // 开启日期范围选择时的区间联动标注模式 --- 2.8+ 新增 }); // 年范围 laydate.render({ elem: '#ID-laydate-range-year', type: 'year', range: true }); // 年月范围 laydate.render({ elem: '#ID-laydate-range-month', type: 'month', range: true }); // 时间范围 laydate.render({ elem: '#ID-laydate-range-time', type: 'time', range: true }); // 日期时间范围 laydate.render({ elem: '#ID-laydate-range-datetime', type: 'datetime', range: true }); }); </script>