adminlet 的datarangepicker使用

需要额外引入moment.min.js，daterangepicker.js，daterangepicker-bs3.css

页面

<div class="input-group">
       <div class="input-group-prepend">
              <span class="input-group-text">
                    <i class="fa fa-calendar"></i>
              </span>
       </div>
        <input type="text" class="form-control float-right active" id="reservation">

  </div>                

js函数

 $('#reservation').daterangepicker(  
             {  
              //timePicker: false, 
              //timePickerIncrement: 30, 
              format: 'YYYY/MM/DD',
                // autoApply: true,  
                autoUpdateInput: false,  
                // alwaysShowCalendars: true,  
              
                locale: {  
                    format: "YYYY/MM/DD",  
                    separator: " - ",  
                    applyLabel: "确认",  
                    cancelLabel: "清空",  
                    fromLabel: "开始时间",  
                    toLabel: "结束时间",  
                    customRangeLabel: "自定义",  
                    daysOfWeek: ["日","一","二","三","四","五","六"],  
                    monthNames: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]  
                }  
             }  
     ).on('cancel.daterangepicker', function(ev, picker) {  
         $("#reservation").val("请选择日期范围");  
         $("#startTime").val("");  
         $("#endTime").val("");  
     }).on('apply.daterangepicker', function(ev, picker) {  
         $("#startTime").val(picker.startDate.format('YYYY-MM-DD hh:mm:ss'));  
         $("#endTime").val(picker.endDate.format('YYYY-MM-DD hh:mm:ss'));  
         $("#reservation").val(picker.startDate.format('YYYY-MM-DD')+" 至 "+picker.endDate.format('YYYY-MM-DD'));   
 });