# 日期區間列表 daterangepicker 參考文檔: [http://www.daterangepicker.com/](http://www.daterangepicker.com/)  ##使用 ``` <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> ```