BootStrap时间选择框架出现1899解决办法

会出现1899的情况:

  1. 选选完时间之后再次打开会出现

解决方案:加上红色部分代码,取消强制转化,

$('#inputStartDate').datetimepicker({
        format: "yyyy-mm-dd hh:ii:00",
        autoclose: true,
        todayBtn: true,
        minuteStep: 5,
        forceParse: 0
    }).on('changeDate', function(ev){
            var startDate = $('#inputStartDate').val();
            $('#inputEndDate').datetimepicker('setStartDate', startDate);
    });
    $('#inputEndDate').datetimepicker({
        format: "yyyy-mm-dd hh:ii:00",
        autoclose: true,
        todayBtn: true,
        minuteStep: 5,
        forceParse: 0
    }).on('changeDate', function(ev){
            var endDate = $('#inputEndDate').val();
            $('#inputStartDate').datetimepicker('setEndDate', endDate);
    });
  1. 进入编辑页面时,时间用el表达式直接赋值,再次点开时会出现

解决方案:用隐藏域接收参数,等待时间选择器加载完之后,在JS中再赋值,使用下面代码中的update方法,不能直接复制要转化成Date

var hdnStartDate = $('#hdnStartDate').val();
var hdnEndDate = $('#hdnEndDate').val();
if($.trim(hdnStartDate) != ''){
            $('#inputStartDate').val(hdnStartDate);
            $('#inputStartDate').datetimepicker('update', new Date(Date.parse(hdnStartDate)));
    }
    if($.trim(hdnEndDate) != ''){
            $('#inputEndDate').val(hdnEndDate);
            $('#inputEndDate').datetimepicker('update', new Date(Date.parse(hdnEndDate)));
    }
  1. input框里面输入,(解决办法:把input设置成readonly


你可能感兴趣的:(bootstrap,datetimepicker,1899)