bootstrap-daterangepicker點擊下載

創(chuàng)新互聯(lián)建站堅持“要么做到，要么別承諾”的工作理念，服務領(lǐng)域包括：成都網(wǎng)站制作、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的王益網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

需要bootstrap跟jquery的支持。

實例代碼：

實例圖片：

參數(shù)說明：

`startDate`: (Date object, moment object or string) 起始時間
`endDate`: (Date object, moment object or string) 結(jié)束時間
`minDate`: (Date object, moment object or string) 可選最早時間
`maxDate`: (Date object, moment object or string) 可選最遲時間
`timePicker`: (boolean) 是否顯示time選擇
`timePickerIncrement`: (number) time選擇遞增數(shù)
`timePicker12Hour`: (boolean) 是否12小時制
`opens`: (string: 'left'/'right') 顯示在元素左邊還是右邊
`buttonClasses`: (array) 按鈕樣式
`applyClass`: (string) 應用按鈕樣式
`cancelClass`: (string) 取消按鈕樣式
`format`: (string) date/time格式
`separator`: (string) 分隔符
`locale`: (object) 本地設(shè)置
`singleDatePicker`: (boolean) 是否是單個時間選擇器
`parentEl`: (string) 將控件放到哪個元素內(nèi)，默認body

其中有一個小需求調(diào)整，當我們直接使用源碼選擇時，為啦方便用戶操作，控件在下拉選擇月份時，自動幫我們刷新啦另一個控件上的日期，兩個日期相差都在一個月，比如我選擇1月到6月時，兩個日期面板上顯示不上一個1月，一個六月，如圖：

如果不需要這種變化，可以修改daterangepicker.js的代碼：

注釋1444行跟1445行，1448跟1449行，不讓它自動去改變?nèi)掌诿姘澹?/p>

在注釋掉582行：

這樣就能達到改變?nèi)掌诓桓淖兠姘宓男Ч玻?/p>

點擊下載項目源碼

以上所示是小編給大家介紹的BootStrap daterangepicker 雙日歷控件，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復的，在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！