Extjs TimeField 显示正常时间格式

最新推荐文章于 2020-07-10 16:12:55 发布

weixin_34124939

最新推荐文章于 2020-07-10 16:12:55 发布

阅读量286

点赞数

CC 4.0 BY-SA版权

文章标签： json

原文链接：http://www.cnblogs.com/jadebug/archive/2011/06/28/2092385.html

本文详细介绍了如何解决由后台返回的JSON日期时间格式在前端TimeField组件中显示不正常的问题，通过重写TimeField的setValue方法，实现将日期时间格式从JSON字符串转换为可读的时间格式，确保了日期时间的有效展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由后台返回的json的日期时间格式中，往往都是类似 "\/Date(1309200300000)\/"的日期时间格式，结果导致无法正常在TimeField中显示，如果想正确显示，一般的方法都是改后台代码，使日期时间格式变为string返回，我解决的方法是重写TimeField 的setValue ，具体代码如下：

Ext.override(Ext.form.TimeField, {
    getValue: function () {
        return this.value;
    },
    setValue: function (v) {
        this.value = v;
        this.setRawValue(this.formatValue(v));
        return this;
    },
    formatValue: function (v) {
        if (v.length>8) { //timefield最大不超过8个 大于8个的肯定是json中的
            var jsondate = eval("new " + v.substr(1, v.length - 2)).toLocaleTimeString();
            jsondate = jsondate.length == 8 ? jsondate.substr(0, 5) : '0' + jsondate.substr(0, 4); //toLocaleTimeString比较弱智，返回的如果小时是小于10 小时位就只有1位
            return jsondate;
        }
        return v;
    }
});

转载于:https://www.cnblogs.com/jadebug/archive/2011/06/28/2092385.html