基于daterangepicker日歷插件使用參數(shù)注意的問(wèn)題

更新時(shí)間：2017年08月10日 08:08:41 投稿：jingxian

下面小編就為大家?guī)?lái)一篇基于daterangepicker日歷插件使用參數(shù)注意的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

顯示具體時(shí)間時(shí)分秒：

timePicker設(shè)置為true，//有些資料寫(xiě)的pickerTime不太對(duì)

重點(diǎn)大坑：修改時(shí)間默認(rèn)展示格式,把fomat寫(xiě)在locale中，網(wǎng)上很多資料說(shuō)直接寫(xiě)在daterangepicker屬性中，這樣是不生效的。

起止時(shí)間可以設(shè)置為具體年月日也可以生成當(dāng)前日期（new Date() 或者 moment（）【moment（）方法為moment.js獲取當(dāng)前時(shí)間的函數(shù)】）

$(“#dateid”).daterangepicker({

　　　　　　startDate: moment(),// '2013-01-01',

      maxDate:new Date(),

      endDate: moment(),//new Date(),

      dateLimit : {

        days : 30

      }, //起止時(shí)間的最大間隔

      timePicker : true, //是否顯示小時(shí)和分鐘

      timePickerIncrement : 1, //時(shí)間的增量，單位為分鐘

      timePicker24Hour : true, //是否使用24小時(shí)制來(lái)顯示時(shí)間

      locale: {//用來(lái)設(shè)置默認(rèn)時(shí)間顯示格式,各個(gè)按鈕空間的中文顯示

format: 'YYYY/MM/DD HH:mm:ss',

applyLabel: '確認(rèn)',

       cancelLabel: '取消',

       fromLabel: '從',

       toLabel: '到',

       weekLabel: 'W',

       customRangeLabel: '選擇時(shí)間',

       daysOfWeek:["日","一","二","三","四","五","六"],

       monthNames: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十 一月","十二月"],

}

    range: {//設(shè)置快捷區(qū)間控件,不同的時(shí)間段

      "近期": ['2015-04-12',new Date()]

    }

  }, function (start, end, label) {

    alert('A date range was chosen: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));

  }

以上這篇基于daterangepicker日歷插件使用參數(shù)注意的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jquery輕量級(jí)數(shù)字動(dòng)畫(huà)插件countUp.js使用詳解
這篇文章主要為大家詳細(xì)介紹了jquery鼠標(biāo)滾動(dòng)數(shù)字增加插件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-10-10
jQuery根據(jù)元素值刪除數(shù)組元素的方法
這篇文章主要介紹了jQuery根據(jù)元素值刪除數(shù)組元素的方法,涉及jQuery中splice及inArray方法的使用技巧,需要的朋友可以參考下
2015-06-06
jQuery實(shí)現(xiàn)淡入淡出的模態(tài)框
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)淡入淡出的模態(tài)框，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
jQuery選擇器中含有空格的使用示例及注意事項(xiàng)
選擇器中的空格是不容忽視的，多一個(gè)空格或少一個(gè)空格也許得到的結(jié)果會(huì)截然不同的，下面以一個(gè)示例為大家詳細(xì)介紹下到底有什么不同，感興趣的朋友額可以參考下
2013-08-08
淺談jquery的html方法里包含特殊字符的處理
下面小編就為大家?guī)?lái)一篇淺談jquery的html方法里包含特殊字符的處理。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-11-11
jQuery實(shí)現(xiàn)的手機(jī)發(fā)送驗(yàn)證碼倒計(jì)時(shí)效果代碼分享
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)手機(jī)注冊(cè)發(fā)送驗(yàn)證碼倒計(jì)時(shí)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-08-08
jquery實(shí)現(xiàn)表單驗(yàn)證并阻止非法提交
本文給大家分享的是使用jquery實(shí)現(xiàn)表單驗(yàn)證并阻止非法提交的代碼，思路非常不錯(cuò)，這里推薦給小伙伴們參考下。
2015-07-07
jquery基礎(chǔ)教程之?dāng)?shù)組使用詳解
jQuery的數(shù)組處理、便捷、功能齊全。一步到位的封裝了很多原生JavaScript數(shù)組不能企及的功能。下面是jquery數(shù)組的使用詳解,需要的朋友可以參考下
2014-03-03
jQuery實(shí)現(xiàn)簡(jiǎn)單的日期輸入格式化控件
本文給大家分享的是javascript實(shí)現(xiàn)簡(jiǎn)單的日期輸入格式化控件的方法和思路，非常的細(xì)致實(shí)用，推薦給小伙伴們
2015-03-03
jQuery中:empty選擇器用法實(shí)例
這篇文章主要介紹了jQuery中:empty選擇器用法,實(shí)例分析了:empty選擇器的功能、定義及匹配空元素的用法技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12