自定义配置datatimepicker   具体参照官网地址：http://www.bootcss.com/p/bootstrap-datetimepicker

最终效果


						

					

					


时间格式：
yyyy-mm-dd
yyyy-mm-dd hh:ii
yyyy-mm-ddThh:ii
yyyy-mm-dd hh:ii:ss
yyyy-mm-ddThh:ii:ssZ

视图选择：
开始视图必须在最大与最小视图范围内

注：'d'(day),'w'(week),'m'(month),'y'(year)
开始时间与结束时间也可通过以上简写实现
例：startDate:'-1d'(设置开始时间为前一天)
startDate:'+0d'(设置开始时间为今天)

常用方法：
remove: //移除日期时间选择器。同时移除已经绑定的event、内部绑定的对象和HTML元素。
$('#datetimepicker').datetimepicker('remove');--->点击跳转到案例
show: //显示日期时间选择器。
$('#datetimepicker').datetimepicker('show');
hide: //隐藏日期时间选择器。
$('#datetimepicker').datetimepicker('hide');
update: //使用当前输入框中的值更新日期时间选择器。
$('#datetimepicker').datetimepicker('update');
setStartDate: //给日期时间选择器设置一个新的起始日期。
$('#datetimepicker').datetimepicker('setStartDate', '2012-01-01');
setEndDate: //给日期时间选择器设置结束日期。$('#datetimepicker').datetimepicker('setEndDate', '2012-01-01');
setDaysOfWeekDisabled: //设置星期几不可用，星期日：0；星期一：1，。。。
$('#datetimepicker').datetimepicker('setDaysOfWeekDisabled', [0,6]); //禁用周六、周日


					

				

			

			
			
			

                
起始时间联动

                

                    

                        

                            
                            

                                

                                    
                                    
                                

                            

                            
                            

                                

                                    
                                    
                                

                            

                        

                    

                    
                    

                        


//'#start_date_d'这个id为input外层div的id
$('#start_date_d').datetimepicker().on('changeDate', function(){
    var t_ = $(this).is('input') ? $(this) : $(this).children('input');
    $('#end_date_d').datetimepicker('setStartDate', t_.val());
});
$('#end_date_d').datetimepicker().on('changeDate', function(){
    var t_ = $(this).is('input') ? $(this) : $(this).children('input');
    $('#start_date_d').datetimepicker('setEndDate', t_.val());
});   

                            
                        

                    
    
                

            
 
            
            

                
禁用日历demo

                

                    

                        

                            

                                

                                    
                                    
                                

                            

                            

                                启用/禁用
                            

                        

                    

                    
                    

                        


$('#disable_date').datetimepicker();
$('#switch_state').click(function(){
    if($(this).is(":checked")){
        $('#disable_date_input').val('').prop('disabled',true);
        $('#disable_date').datetimepicker('remove');
    }else{
        $('#disable_date_input').prop('disabled',false);
        $('#disable_date').datetimepicker(); 
    }
})