溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關(guān)日期范圍選擇組件bootstrap-daterangepicker怎么用，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。
嗯，在我還沒有發(fā)現(xiàn)bootstrap-daterangepicker組件時，
在頁面需要選擇日期范圍時，我是傻乎乎的創(chuàng)建兩個日期組件。
現(xiàn)在是這樣的：
以前是這樣的：
Date Range Picker for Bootstrap
注意要依賴Bootstrap, jQuery and Moment.js。
Date Range Picker relies on Bootstrap, jQuery and Moment.js. Include the required scripts and stylesheet in your page.
<div class="form-group daterange">
<label>下單時間：</label>
<input class="form-control" name="range_date" type="text">
<i class="fa fa-calendar"></i>
</div>外層div上增加daterange class。
一個普通的input標簽。
一個日歷的i標簽。
首先是js。
再來看css。
關(guān)于日期范圍選擇組件bootstrap-daterangepicker怎么用就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼