解决JSON返回的时间带字符T的问题(前端解决办法)

本文介绍了一个关于从数据库获取DateTime类型字段并转换为JSON格式时出现的时间偏差问题,尤其是在360浏览器中显示的时间比实际多一天的情况。通过调整时间格式化函数解决了这一问题。

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

1、当数据库中updatetime的类型为datatime而非varchar时,用ajax操作,转成json时出现带T字符串,在360浏览器显示比原定时间多一天。(如:10月30日变成10月31日)
function showArticleList(id)
{
    var myUrl = "../api/Articles";
    $.ajax({
        type: 'GET',
        url: myUrl,
        data: {
            page: iIndex, rows: 13,  sort: "UpdateTime", order: "desc", ChannelID: id,AuditState: 3
        },
         dataType:"json",
        success: function (data)
        {
            var myHtml = "";
            if (data.total == 0) {
                pageTool.setTotal(data.total);
                $(".Page").hide();
                myHtml = "

没有相关记录

";
                $("#article-list").html(myHtml);
            }
            else {
                $(".Page").show();
                pageTool.setTotal(Math.ceil(data.total /13));
            }
            $("#rows").html(data.total);
            //$("#rows").html(data.rows.length);
            var myHtml = "";
            for (var i = 0; i < data.rows.length; i++)
            {
                myHtml += "
";
                myHtml += "
  • [" + timeFormat(data.rows[i].UpdateTime) + "]
  • ";
                myHtml += "
  • ";
                myHtml += " " + (i + 1) + "." + data.rows[i].Title + "";
            }
            $("#article-list").html(myHtml);
        },
        error: function ()
        {
            ;
        }

    })
}


//日期格式转化
function timeFormat(iTime) {
     var iTime = new Date(iTime + "+08:00");//格式化时间,参数:JSON返回的时间(带T格式)
    var month = iTime.getMonth() + 1 < 10 ? "0" + (iTime.getMonth() + 1) : iTime.getMonth() + 1;
    var day = iTime.getDate() < 10 ? "0" + iTime.getDate() : iTime.getDate();
    var milliseconds = iTime.getMilliseconds();
    return iTime.getFullYear() + "-" + month + "-" + day;
    ;
}
### 配置@JsonFormat使LocalDateTime以时间戳形式返回 为了实现`LocalDateTime`以时间戳的形式返回前端,可以利用`@JsonFormat`注解来指定序列化的方式。具体来说,在实体类字段上应用此注解并设置相应的属性。 对于希望将`LocalDateTime`转换成Unix时间戳的情况,可以在对应的JavaBean属性上方添加如下配置: ```java import com.fasterxml.jackson.annotation.JsonFormat; public class ExampleEntity { @JsonFormat(shape = JsonFormat.Shape.NUMBER, pattern="yyyy-MM-dd'T'HH:mm:ss.SSSZ") private LocalDateTime localDateTime; // getter and setter methods... } ``` 然而,直接使用上述方式并不能得到期望的时间戳格式的结果,因为默认情况下它会尝试按照指定模式解析日期字符串而不是生成时间戳。要获得毫秒级时间戳输出,则需调整为: ```java import java.time.LocalDateTime; import com.fasterxml.jackson.annotation.JsonFormat; public class TimestampExample { @JsonFormat(shape=JsonFormat.Shape.NUMBER_INT) private LocalDateTime timestampField; public LocalDateTime getTimestampField() { return timestampField; } public void setTimestampField(LocalDateTime timestampField) { this.timestampField = timestampField; } } ``` 这里的关键在于设置了`shape=JsonFormat.Shape.NUMBER_INT`,这告诉Jackson框架应该把`LocalDateTime`对象表示为整数型的时间戳而非标准日期格式[^1]。 另外需要注意的是,如果应用程序中存在自定义的`ObjectMapper`实例(例如在`DateConfig`里),那么还需要确保这些配置不会覆盖掉此处所做的更改。通常可以通过继承或组合的方式来保留原有功能的同时加入新的特性支持[^4]。 最后提醒一点,当涉及到前后端交互时,考虑到不同平台间可能存在时区差异等问题,建议开发者们仔细测试所选方案的实际效果,并考虑是否有必要引入额外逻辑处理这类特殊情况。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值