開始學習Bootstrap。我正在爲我的作品編寫一個網站原型,並且我需要一個datepicker組件。有人知道一個與新版Bootstrap 3.0 RC1兼容的組件嗎?提前致謝。Bootstrap 3.0 RC1兼容日期選擇器
回答
您可以使用標準的和公知jQuery UI的日期選擇器,這是有據可查的 http://jqueryui.com/datepicker/ 能正常工作自舉,因爲這與jQuery的ui.min.js 您可以通過puting這個腳本簡單地使用它順其自然
$(document).ready(function() {
$('.date').datepicker({ //Your options here });
)};
與<input class="date" />
編輯
BootStrap有它自己的日期選擇器https://github.com/eternicode/bootstrap-datepicker這是如果你想使用普通佈局
我對這個組件的關注是通過bootstrap保持統一的風格。但我剛剛瞭解到,那些jQuery UI組件使用可定製的特定樣式表。 –
如果你想在你的網站中使用一個共同的風格,引導引入了一個日期選擇器本身http://www.eyecon.ro/bootstrap-datepicker/你可以檢查出來https://github.com/eternicode/bootstrap- datepicker –
我看到了這些,但仍然不能使用Bootstrap 3(樣式有變化)。 –
- 1. Bootstrap +日期選擇器
- 2. 引導3.0日期選擇器
- 3. Bootstrap日期選擇器日期有無日期
- 4. AngularJs Bootstrap日期選擇器驗證
- 5. Twitter Bootstrap Rails日期時間選擇器
- 6. Bootstrap日期選擇器顯示空框
- 7. Bootstrap日期和時間選擇器
- 8. ui-bootstrap日期選擇器和驗證
- 9. select2下拉框與jQuery日期選擇器不兼容?
- 10. .aspx的日期選擇瀏覽器的兼容性
- 11. Bootstrap日期範圍選擇器禁用日期
- 12. Bootstrap表單內聯和自動日期選擇器日期
- 13. ngx-bootstrap:使用模式日期選擇器的日期輸入
- 14. 從eternicode bootstrap datepicker不選擇日期
- 15. 在jQuery日期選擇器中選擇日期和高亮日期選擇器
- 16. 在Bootstrap日期選擇器內使用Bootstrap工具提示
- 17. 日期選擇器日期範圍
- 18. 日期選擇器麻煩
- 19. 驗證AngularJS Bootstrap日期選擇器的開始日期和結束日期?
- 20. Bootstrap3日期選擇器
- 21. 在bootstrap中選擇任何日期時如何消失日期選取器?
- 22. 更新Twitter Bootstrap的日期範圍選擇器的選定日期
- 23. 日期選擇器,用於選擇和查看該特定日期的內容
- 24. Twitter Bootstrap +日期選擇器+在屏幕上顯示日曆
- 25. 結合日期選擇器
- 26. bootstrap-datetimepicker無法選擇日期
- 27. 多個日期選擇ngx-bootstrap
- 28. angular-ui bootstrap datepicker多個日期選擇
- 29. jquery bootstrap datepicker選擇日期函數
- 30. 道場日期選擇器jQuery的Vs的日期選擇器
謝謝。這確實與BS3兼容。經過測試和驗證。 重要的一點是,圖書館必須按照網站上指定的順序進行鏈接。 1- jQuery的 2-時刻JS 3-自舉-datetimepicker.min.js 4-自舉-datetimepicker.css 5- bootstrap.min.js 6- bootstrap.min.css –