Bootstrap每天必学之日期控制

前端之家收集整理的这篇文章主要介绍了Bootstrap每天必学之日期控制前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一个成熟的框架,日期控制是少不了的,在网上也有很多日期控制可以选择,而主框架用了bootstrap,日期控制也当前要用它自己的,

控件地址:

GitHub上开源地址:

在使用datetimepicker之前,先要经过以下几个步骤

1、引用JS脚本库

其中bootstrap-datetimepicker.zh-CN.js表示可以使用中文的语言显示日期时间

2、引入CSS类库

3、定义HTML标签

4、编写datetimepicker事件

中文,需要引用zh-CN.js包 startView: 2,//月视图 minView: 2//日期时间选择器所能够提供的最精确的时间选择视图 });

注意,有很多朋友都在网上问过,如何只用日期,或者不用时间,因为默认情况下,每次使用datetimepicker选择时,都要选到日间那个级别上,很是不爽,大叔在研究中发展,使用minView这个参数解决了这个问题,它相当于在控制上,最小的显示精度,

0表示分钟(默认),1表示小时,而2表示天,我们把值设为2就不会再出现选择小时的页面了!

如果大家还想深入学习,可以点击进行学习,再为大家附两个精彩的专题:

以上就是本文的全部内容,希望对大家的学习有所帮助。

猜你在找的Bootstrap相关文章