前端处理后端对象类型时间格式通用方法封装,前端JS处理JSON 序列化后的格式 java.time 包中的日期时间类

后端的接口返回数据层级

它是由 Java 的 java.time 包(如 LocalDateTimeZonedDateTime)中的某个类通过 JSON 序列化工具(如 JacksonGson)转换而来的。

Java 默认时间类(java.time 包)

这个结构对应的是 Java 8 引入的现代日期时间 API(java.time),比如:

  • LocalDateTime(无时区信息)

  • ZonedDateTime(带时区信息)

处理方法封装

javascript 复制代码
export function zrjparseCustomDate(timeObj: any) {
  // 检查空值
  if (!timeObj || typeof timeObj !== 'object' || Object.keys(timeObj).length === 0) {
    return null
    return moment(); // 返回当前时间,或返回 null/抛出错误(根据业务需求)
  }
  // 确保必要字段存在(简单校验)
  const { year, monthValue, dayOfMonth, hour = 0, minute = 0, second = 0 } = timeObj;
  if (year === undefined || monthValue === undefined || dayOfMonth === undefined) {
    throw new Error("Invalid date object: missing required fields (year, monthValue, dayOfMonth)");
  }
  // 拼接 ISO 字符串
  const isoString = `${year}-${String(monthValue).padStart(2, '0')}-${String(dayOfMonth).padStart(2, '0')}T${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}:${String(second).padStart(2, '0')}`;
  return moment(isoString);
}

使用

javascript 复制代码
const parsedDate = parseCustomDate(time);
const getTime = parsedDate ? parsedDate.format("YYYY-MM-DD HH:mm:ss") : ""
相关推荐
闲云一鹤8 分钟前
nginx 快速入门教程 - 写给前端的你
前端·nginx·前端工程化
QCY33 分钟前
「完全理解」1 分钟实现自己的 Coding Agent
前端·agent·claude
一拳不是超人1 小时前
Electron主窗口弹框被WebContentView遮挡?独立WebContentView弹框方案详解!
前端·javascript·electron
anyup1 小时前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
雮尘2 小时前
如何在非 Claude IDE (TARE、 Cursor、Antigravity 等)下使用 Agent Skills
前端·agent·ai编程
icebreaker2 小时前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker2 小时前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
wuhen_n2 小时前
代码生成:从AST到render函数
前端·javascript·vue.js
喝咖啡的女孩2 小时前
浏览器前端指南
前端
wuhen_n2 小时前
AST转换:静态提升与补丁标志
前端·javascript·vue.js