## 日期區間列表 daterangepicker 參考文檔: [http://www.daterangepicker.com/](http://www.daterangepicker.com/) [TOC]  ## 基本使用 ``` <input name="birthdate" value="2017-11-07 至 2017-12-22" class="form-control"/> <script> require(['hdjs'], function (hdjs) { hdjs.daterangepicker({ //標簽元素 element: 'input[name="birthdate"]' }); }) </script> ``` ## 顯示周與時間  ~~~ <input name="birthdate" value="2019-02-22 至 2020-3-22" class="form-control"/> <script> require(['hdjs', 'moment','bootstrap'], function (hdjs, moment) { hdjs.daterangepicker({ //標簽元素 element: 'input[name="birthdate"]', //選項參考插件官網 options: { ranges: { //'最近1小時': [moment().subtract('hours',1), moment()], '今日': [moment().startOf('day'), moment()], '昨日': [moment().subtract('days', 1).startOf('day'), moment().subtract('days', 1).endOf('day')], '最近7日': [moment().subtract('days', 6), moment()], '最近30日': [moment().subtract('days', 29), moment()], '本月': [moment().startOf("month"), moment().endOf("month")], '上個月': [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")] }, showDropdowns: true, alwaysShowCalendars: true, }, callback: function (start, end, label) { var str = start.format('YYYY-MM-DD') + ' 至 ' + end.format('YYYY-MM-DD'); console.log(str); } }); }) </script> ~~~