最近因为要做平台的移植,不能使用之前封装的时间插件。但可以用开源的bootstrap,为了方便自己以后万一还有时间控件的需求,特此记录一下吧。虽然可能大家觉得简单,但是我着实费了一番功夫,话不多少,begin!
做时间控件可以使用bootstrap的datetimepicker插件(如果只需要日期的话直接用datepicker,如果是需要起始、结束日期的范围用daterangepicker就OK),该插件是基于纯js驱动的,跟highcharts类似的原理。
首先,必要的一些css和js必须引入:
bootstrap.min.css:bootstrap的基本样式
bootstrap-datetimepicker.min.css:datetimepicker插件的样式
jquery-1.x.x.min.js:jquery,必须引入,可能不同的bootstrap需要的jquery版本不同
bootstrap.min.js:bootstrap的必要的js
bootstrap-datetimepicker.js:datetimepicker插件必须的js文件
bootstrap-datetimepicker.zh-CN.js:所支持的语言版本插件(一般在bootstrap的local目录下,这里把它单独抽出来~)
好了,我们在开始前,必须要注意:fonts(不能随意改名)目录是必须的,