日期的数据格式转换

今天在公司写了一个项目,然后出现了一个问题,给大家分享一下,今天要做一个需求,就是一个日期格式是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}`;
};
相关推荐
David爱编程15 分钟前
深度解析:synchronized 性能演进史,从 JDK1.6 到 JDK17
java·后端
2202_7557443028 分钟前
开学季技术指南:构建高效知识管理系统与学习工作流
学习
東雪蓮☆33 分钟前
从零开始掌握 Web 与 Nginx:入门详解
运维·服务器·前端·nginx
脑子慢且灵34 分钟前
【JavaWeb】一个简单的Web浏览服务程序
java·前端·后端·servlet·tomcat·web·javaee
柯南二号38 分钟前
【大前端】 断点续传 + 分片上传(大文件上传优化) 的前端示例
前端
Juchecar41 分钟前
AI教你常识之 ESM + Express + EJS + 表单POST + CSV文件
node.js
前端小超超44 分钟前
如何配置capacitor 打包的安卓app固定竖屏展示?
android·前端·gitee
用户298698530141 小时前
如何在 C# 中用表格替换 Word 文档中的文本?
后端
xiaopengbc1 小时前
在Webpack中,如何在不同环境中使用不同的API地址?
前端·webpack·node.js
前端AK君1 小时前
React中台系统如何嵌入到业务系统中
前端