前端处理后端对象类型时间格式通用方法封装,前端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") : ""
相关推荐
暖和_白开水16 小时前
数据分析agent (七):contextvars 模块上下文request_id
java·前端·数据分析
程序员黑豆16 小时前
鸿蒙应用开发:Flex 组件从入门到实战
前端·华为·harmonyos
大爱编程♡16 小时前
Vue3+TypeScript+element-plus的文章管理项目(配后端接口)-退出及文章管理页面
前端·javascript·typescript
先吃饱再说16 小时前
React 组件设计:从 Props 传递到组件封装
前端·react.js
独立开阀者_FwtCoder16 小时前
最近做了一个健身小程序:智形健身助手,健身的佬们来提点意见
前端·javascript·github
舒灿16 小时前
喵ing Tab 1.0.0 正式发布
前端·ai编程
葡萄城技术团队16 小时前
当表格数据来自外部系统:SpreadJS 如何让异步公式一键刷新
前端
小徐_233316 小时前
Open Wot 1.0.5 发布:让 AI 接入 wot-ui,只需要两条命令
前端·uni-app·ai编程
Android研究员16 小时前
Android进阶之事件分发机制深度剖析
android·前端·面试
Csvn17 小时前
🛡️ 前端水印方案全解析——从「能被 F12 删掉」到「删不掉」的反破解实战
前端