前端处理后端对象类型时间格式通用方法封装,前端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") : ""
相关推荐
编程社区管理员3 小时前
React 发送短信验证码和验证码校验功能组件
前端·javascript·react.js
全马必破三3 小时前
React“组件即函数”
前端·javascript·react.js
三思而后行,慎承诺3 小时前
React 底层原理
前端·react.js·前端框架
座山雕~3 小时前
html 和css基础常用的标签和样式
前端·css·html
灰小猿4 小时前
Spring前后端分离项目时间格式转换问题全局配置解决
java·前端·后端·spring·spring cloud
im_AMBER5 小时前
React 16
前端·笔记·学习·react.js·前端框架
02苏_5 小时前
ES6模板字符串
前端·ecmascript·es6
excel5 小时前
⚙️ 一次性警告机制的实现:warnOnce 源码深度解析
前端
excel5 小时前
Vue SFC 样式编译核心机制详解:compileStyle 与 PostCSS 管线设计
前端
excel5 小时前
🧩 使用 Babel + MagicString 实现动态重写 export default 的通用方案
前端