daterangepicker日曆外掛程式使用詳解

這次帶給大家daterangepicker日曆外掛程式使用詳解，daterangepicker日曆外掛程式使用的注意事項有哪些，以下是實戰案例，一起來看一下。

顯示具體時間時分秒：

timePicker設定為true，//有些資料寫的pickerTime不太對

重點大坑：修改時間預設展示格式,把fomat寫在locale中，網路上很多資料說直接寫在daterangepicker屬性中，這樣是不生效的。

起止時間可以設定為特定年月日也可以產生目前日期（new Date()  或moment（）【moment（）方法為moment.js取得目前時間的函數】）

$(“#dateid”).daterangepicker({
      startDate: moment(),// '2013-01-01', 
      maxDate:newDate(),
      endDate: moment(),//new Date(),
      dateLimit : {
        days : 30
      },//起止时间的最大间隔
      timePicker :true,//是否显示小时和分钟
      timePickerIncrement : 1,//时间的增量，单位为分钟
      timePicker24Hour :true,//是否使用24小时制来显示时间
      locale: {//用来设置默认时间显示格式,各个按钮空间的中文显示
format:'YYYY/MM/DD HH:mm:ss',
applyLabel:'确认',
       cancelLabel:'取消',
       fromLabel:'从',
       toLabel:'到',
       weekLabel:'W',
       customRangeLabel:'选择时间',
       daysOfWeek:["日","一","二","三","四","五","六"],
       monthNames: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十 一月","十二月"] 
}
    range: {//设置快捷区间控件,不同的时间段
      "近期": ['2015-04-12',newDate()]
    }
  },function(start, end, label) {
    alert('A date range was chosen: '+ start.format('YYYY-MM-DD') +' to '+ end.format('YYYY-MM-DD'));
  }

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

jquery外掛程式擴充功能使用詳解

#jQuery判斷瀏覽器版本的方法

base64實作加密解密功能

以上是daterangepicker日曆外掛程式使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！