日期的数据格式转换

今天在公司写了一个项目,然后出现了一个问题,给大家分享一下,今天要做一个需求,就是一个日期格式是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}`;
};
相关推荐
●VON3 分钟前
重生之我在暑假学习微服务第二天《MybatisPlus-下篇》
java·学习·微服务·架构·mybatis-plus
小鱼人爱编程8 分钟前
Java基石--反射让你直捣黄龙
前端·spring boot·后端
hqxstudying13 分钟前
J2EE模式---服务层模式
java·数据库·后端·spring·oracle·java-ee
Yu_Lijing15 分钟前
MySQL进阶学习与初阶复习第四天
数据库·学习·mysql
GM_82819 分钟前
【最新最完整】SpringAI-1.0.0开发MCP Server,搭建MCP Client 实战笔记(进阶+详细+完整代码)
java·后端·ai编程·springai·mcp
程序员爱钓鱼38 分钟前
Go语言实战案例-滑动窗口最大值
后端·google·go
Victor3562 小时前
MySQL(163) 如何理解MySQL的隔离级别?
后端
Victor3562 小时前
MySQL(164)如何设置MySQL的隔离级别?
后端
好学且牛逼的马2 小时前
学习随笔录
学习
JosieBook2 小时前
【web应用】如何进行前后端调试Debug? + 前端JavaScript调试Debug?
前端·chrome·debug