日期的数据格式转换

今天在公司写了一个项目,然后出现了一个问题,给大家分享一下,今天要做一个需求,就是一个日期格式是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 小时前
【vue3】这些不常用的API,却很实用
前端·vue.js·面试
小只笨笨狗~12 小时前
css-文字背景渐变色
前端·css·html
Main1213812 小时前
Java Duration 完全指南:高精度时间间隔处理的利器
后端
CodeLongBear12 小时前
MySQL进阶学习笔记:从单表查询到多表关联的深度解析(万字详解)
笔记·学习·mysql
用户34594741136112 小时前
Android系统中HAL层开发实例
后端
undefined在掘金3904112 小时前
第二节 Node.js 项目实践 - 使用 nvm 安装 Node.js
后端
小码编匠12 小时前
.NET 10 性能突破:持续优化才是质变关键
后端·c#·.net
BingoGo12 小时前
CSS 也要支持 if 了 !!!CSS if() 函数来了!
前端·css
用户66006766853912 小时前
深入解析JavaScript数组:从内存原理到高效遍历实践
前端·javascript
有点笨的蛋12 小时前
CSS 定位彻底搞懂:五种 position 的真实差异与最佳实践
前端·css