boostrap中三种时间类型控件的使用

jQuery的引入

time

   //加载time
            if(jQuery('.timepicker') != undefined){
                jQuery('.timepicker').timepicker();
            }

datetime

//html代码
  

            

                

                
            
        
        
结束时间：
        

            

                

                
            
        
//实例化代码
     //加载datetime
            if(jQuery('.form_datetime') != undefined){
                jQuery('.form_datetime').datetimepicker({
                    language:  'zh-CN',
                    weekStart: 1,//设置周的第一天
                    todayBtn:  1,//今天按钮
                    autoclose: 1,//选择完后自动关闭
                    todayHighlight: 1,//今天 高亮
                    startView: 2,//默认展示的
                    forceParse: 0,//强制解析
                    showMeridian: false,//日期和时间按12或24小时显示
                    minuteStep:5,//分 间隔
                    format: 'yyyy-mm-dd hh:ii',//日期格式， //hh 24小时制  HH12小时制
                    initialDate:new Date()//初始时间
                });
            }

date

//html代码
   

            

                

                    
                    
                
            
        
        
结束时间：
        

            

                

                    
                    
                
            
        
//实例化代码
  //加载date
            if(jQuery('.form_date') != undefined){
                jQuery('.form_date').datetimepicker({language: 'zh-CN', weekStart: 1, todayBtn:  1, autoclose: 1, todayHighlight: 1,isInline:true, minView: "month", startView: 2, forceParse: 0, showMeridian: false, minuteStep:5, format: "yyyy-mm-dd", initialDate:new Date()});
            }

他们的赋值方法都是 $('xxxx').val('值')