bootstrap时间控件

看一下效果


bootstrap时间控件_第1张图片


首先新建一个html ,引入相应的js,附件里面有!




bootstrap-datetimepicker.zh-CN.js 这是js是本地汉化,一定要引入。如果想换别的语言,链接换成别的就行。


下面的代码是第一个展示图片的代码:




    
    
    





			
注意:



因为栅格系统的影响。设置的class 一定要写成    input-group date form_date col-md-1,


从col-md-1开始,这样设置长度的话就行最小长度的开始了,不注意的话就会出现下面的尴尬!





bootstrap时间控件_第2张图片

演示效果的html在sample in bootstrap v3文件夹里,名叫:演示效果.html。

js文件夹里面有各种语言包,可以自由引入.



资源下载:http://download.csdn.net/download/weixin_38959210/9982265

你可能感兴趣的:(bootstrap,前端)