自定义配置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(); 
    }
})