🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 日期区间列表 daterangepicker 参考文档: [http://www.daterangepicker.com/](http://www.daterangepicker.com/) ![](https://box.kancloud.cn/2016-06-29_57738491a65de.png) ##使用 ``` <div class="input-group date-range"> <input type="text" id="dateinput" class="form-control"> <div class="input-group-addon"><i class="fa fa-calendar"></i></div> </div> <script> require(['util'], function (hd) { hd.daterangepickerList({ element:'.date-range', options:{},//选项参考插件官网 callback:function(start,end,label){ str = start.format('YYYY-MM-DD') + ' 至 ' + end.format('YYYY-MM-DD'); $('#dateinput').val(str); } }); }); </script> ```