Bootstrap每天必学之日期控制_javascript技巧
程序员文章站
2022-04-20 17:57:09
...
一个成熟的框架,日期控制是少不了的,在网上也有很多日期控制可以选择,而主框架用了bootstrap,日期控制也当前要用它自己的,
控件地址:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm
GitHub上开源地址:https://github.com/smalot/bootstrap-datetimepicker
在使用datetimepicker之前,先要经过以下几个步骤
1 引用JS脚本库
其中bootstrap-datetimepicker.zh-CN.js表示可以使用中文的语言显示日期时间
2 引入CSS类库
3 定义HTML标签
4 编写datetimepicker事件
注意,有很多朋友都在网上问过,如何只用日期,或者不用时间,因为默认情况下,每次使用datetimepicker选择时,都要选到日间那个级别上,很是不爽,大叔在研究中发展,使用minView这个参数解决了这个问题,它相当于在控制上,最小的显示精度,
0表示分钟(默认),1表示小时,而2表示天,我们把值设为2就不会再出现选择小时的页面了!
想要了解更多Bootstrap内容的朋友,可以点击《bootstrap学习教程》 ,深入学习。
以上就是本文的全部内容,希望对大家的学习有所帮助。
推荐阅读
-
Bootstrap每天必学之简单入门_javascript技巧
-
Bootstrap每天必学之导航_javascript技巧
-
Bootstrap每天必学之缩略图与警示窗_javascript技巧
-
Bootstrap每天必学之按钮_javascript技巧
-
Bootstrap每天必学之面板_javascript技巧
-
Bootstrap每天必学之日期控制_javascript技巧
-
Bootstrap每天必学之简单入门_javascript技巧
-
Bootstrap每天必学之基础排版_javascript技巧
-
Bootstrap每天必学之缩略图与警示窗_javascript技巧
-
Bootstrap每天必学之表格_javascript技巧