日期的数据格式转换

今天在公司写了一个项目,然后出现了一个问题,给大家分享一下,今天要做一个需求,就是一个日期格式是9:00AM-10:00PM的这样子的一个数据格式!

但是大家都知道后端返回来的一般都是datetime格式的,所以这样就很不好办!

我想到的方法就是,我后端正常传过来,然后我在前端做一个处理,最后我写了一个辅助函数,实现了这个操作!

复制代码
const formatTimeForDisplay = (dateTimeString) => {
  if (!dateTimeString) return '';
  const date = new Date(dateTimeString.replace(/-/g, '/'));
  if (isNaN(date.getTime())) {
    console.error("Invalid Date String:", dateTimeString);
    return ''; 
  }
  let hours = date.getHours();
  const minutes = date.getMinutes();
  const ampm = hours >= 12 ? 'PM' : 'AM';
  hours = hours % 12;
  hours = hours === 0 ? 12 : hours; 
  const minutesStr = minutes < 10 ? '0' + minutes : minutes;
  return `${hours}:${minutesStr} ${ampm}`;
};
相关推荐
唐小码8 小时前
裁员的风刮到了三线荒凉的城市
前端
初学AI的小高8 小时前
从LangGraph到DeepAgents:理解AgentHarness
后端·agent
晚安日记wanna8 小时前
React 为何不做双端 diff?Vue 与 React 更新逻辑的三层差异
前端·react.js·面试
flash俊杰8 小时前
AI 分段引擎与自动剪辑决策:从语义片段到时间线草稿的映射
前端·ai编程
flash俊杰9 小时前
时间线交互引擎:从像素到帧的逆向映射与磁吸网格
前端
光影少年9 小时前
setImmediate 和 setTimeout(0) 的区别
android·前端·react.js·ios·前端框架
摇滚侠9 小时前
《Spring Boot 3:高级与架构设计》第 1 章 元编程与元信息 个人理解 1
java·spring boot·笔记·后端
flash俊杰9 小时前
LLM 结构化输出的契约化工程:JSON Mode、Schema 约束与重试降级
前端·ai编程
对象存储与RustFS9 小时前
跨实现迁移 MinIO→RustFS:mc diff 静默返回才是最容易翻车的一步
后端·rust·开源