日期的数据格式转换

今天在公司写了一个项目,然后出现了一个问题,给大家分享一下,今天要做一个需求,就是一个日期格式是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}`;
};
相关推荐
李白你好30 分钟前
Burp Suite插件用于自动检测Web应用程序中的未授权访问漏洞
前端
经年未远1 小时前
vue3中实现耳机和扬声器切换方案
javascript·学习·vue
Hill_HUIL1 小时前
学习日志22-静态路由
网络·学习
刘一说2 小时前
Vue 组件不必要的重新渲染问题解析:为什么子组件总在“无故”刷新?
前端·javascript·vue.js
编码者卢布2 小时前
【Azure Storage Account】Azure Table Storage 跨区批量迁移方案
后端·python·flask
徐同保2 小时前
React useRef 完全指南:在异步回调中访问最新的 props/state引言
前端·javascript·react.js
詩不诉卿3 小时前
zephyr学习之自定义外部module记录
学习
浮游本尊3 小时前
React 18.x 学习计划 - 第十三天:部署与DevOps实践
学习·react.js·状态模式
刘一说3 小时前
Vue 导航守卫未生效问题解析:为什么路由守卫不执行或逻辑失效?
前端·javascript·vue.js
wdfk_prog3 小时前
[Linux]学习笔记系列 -- [drivers][dma]dmapool
linux·笔记·学习