日期的数据格式转换

今天在公司写了一个项目,然后出现了一个问题,给大家分享一下,今天要做一个需求,就是一个日期格式是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}`;
};
相关推荐
雨中飘荡的记忆12 分钟前
大流量下库存扣减的数据库瓶颈:Redis分片缓存解决方案
java·redis·后端
炫饭第一名1 小时前
速通Canvas指北🦮——基础入门篇
前端·javascript·程序员
王晓枫1 小时前
flutter接入三方库运行报错:Error running pod install
前端·flutter
符方昊1 小时前
React 19 对比 React 16 新特性解析
前端·react.js
ssshooter1 小时前
又被 Safari 差异坑了:textContent 拿到的值居然没换行?
前端
开心就好20251 小时前
UniApp开发应用多平台上架全流程:H5小程序iOS和Android
后端·ios
曲折2 小时前
Cesium-气象要素PNG色斑图叠加
前端·cesium
悟空码字2 小时前
告别“屎山代码”:AI 代码整洁器让老项目重获新生
后端·aigc·ai编程
Forever7_2 小时前
Electron 淘汰!新的桌面端框架 更强大、更轻量化
前端·vue.js
小码哥_常2 小时前
大厂不宠@Transactional,背后藏着啥秘密?
后端