今天在公司写了一个项目,然后出现了一个问题,给大家分享一下,今天要做一个需求,就是一个日期格式是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}`;
};