首頁 > web前端 > js教程 > daterangepicker日曆外掛程式使用詳解

daterangepicker日曆外掛程式使用詳解

php中世界最好的语言
發布: 2018-04-19 16:21:47
原創
4625 人瀏覽過

這次帶給大家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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板