前端处理后端对象类型时间格式通用方法封装,前端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") : ""
相关推荐
华玥作者12 小时前
[特殊字符] VitePress 对接 Algolia AI 问答(DocSearch + AI Search)完整实战(下)
前端·人工智能·ai
Mr Xu_13 小时前
告别冗长 switch-case:Vue 项目中基于映射表的优雅路由数据匹配方案
前端·javascript·vue.js
前端摸鱼匠13 小时前
Vue 3 的toRefs保持响应性:讲解toRefs在解构响应式对象时的作用
前端·javascript·vue.js·前端框架·ecmascript
lang2015092813 小时前
JSR-340 :高性能Web开发新标准
java·前端·servlet
缘空如是13 小时前
基础工具包之JSON 工厂类
java·json·json切换
好家伙VCC14 小时前
### WebRTC技术:实时通信的革新与实现####webRTC(Web Real-TimeComm
java·前端·python·webrtc
未来之窗软件服务14 小时前
未来之窗昭和仙君(六十五)Vue与跨地区多部门开发—东方仙盟练气
前端·javascript·vue.js·仙盟创梦ide·东方仙盟·昭和仙君
嘿起屁儿整15 小时前
面试点(网络层面)
前端·网络
VT.馒头15 小时前
【力扣】2721. 并行执行异步函数
前端·javascript·算法·leetcode·typescript
phltxy16 小时前
Vue 核心特性实战指南:指令、样式绑定、计算属性与侦听器
前端·javascript·vue.js