开始学习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 –