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

最新推荐文章于 2025-09-07 01:02:55 发布

转载最新推荐文章于 2025-09-07 01:02:55 发布 · 141 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2354306/blog/619245

文章标签：

#python

本文介绍了解决日期选择器显示1899年的问题及输入框只读设置的方法。通过调整日期选择器配置，取消强制解析，并采用隐藏域存储日期值来避免错误显示。同时为确保用户体验，将输入框设为只读。

2019独角兽企业重金招聘Python工程师标准>>>

会出现1899的情况：

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

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

$('#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);
    });

进入编辑页面时，时间用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)));
    }