前端处理后端对象类型时间格式通用方法封装,前端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") : ""
相关推荐
susnm3 分钟前
Dioxus 与数据库协作
前端·rust
优雅永不过时_v7 分钟前
基于vite适用于 vue和 react 的Three.js低代码与Ai结合编辑器
前端·javascript
小皮侠9 分钟前
nginx的使用
java·运维·服务器·前端·git·nginx·github
WildBlue11 分钟前
🧊 HTML5 王者对象 Blob - 二进制世界的魔法沙漏
前端·javascript·html
啷咯哩咯啷15 分钟前
Vue3构建低代码表单设计器
前端·javascript·vue.js
用户261245834016116 分钟前
vue学习路线(10.监视属性-watch)
前端·vue.js
Spider_Man17 分钟前
React-Router 全面解析与实战指南
前端·react.js
凌览18 分钟前
斩获 27k Star,一款开源的网站统计工具
前端·javascript·后端
丘耳19 分钟前
前端渲染方式
前端
The_cute_cat19 分钟前
Ajax和Axios的初步学习
前端·学习·ajax