日期的数据格式转换

今天在公司写了一个项目,然后出现了一个问题,给大家分享一下,今天要做一个需求,就是一个日期格式是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}`;
};
相关推荐
艾小码9 小时前
3个技巧让你彻底搞懂JavaScript异步编程
前端·javascript
我先去打把游戏先9 小时前
ESP32学习笔记(基于IDF):SmartConfig一键配网
笔记·嵌入式硬件·mcu·物联网·学习·esp32·硬件工程
绝无仅有9 小时前
猿辅导Java面试真实经历与深度总结(一)
后端·面试·github
Victor35610 小时前
Redis(76)Redis作为缓存的常见使用场景有哪些?
后端
Victor35610 小时前
Redis(77)Redis缓存的优点和缺点是什么?
后端
摇滚侠13 小时前
Spring Boot 3零基础教程,WEB 开发 静态资源默认配置 笔记27
spring boot·笔记·后端
Y425813 小时前
本地多语言切换具体操作代码
前端·javascript·vue.js
MicroTech202515 小时前
微算法科技(MLGO)研发突破性低复杂度CFG算法,成功缓解边缘分裂学习中的掉队者问题
科技·学习·算法
天若有情67315 小时前
Java Swing 实战:从零打造经典黄金矿工游戏
java·后端·游戏·黄金矿工·swin
速易达网络16 小时前
Bootstrap 5 响应式网站首页模板
前端·bootstrap·html