使用Luxon计算两个DateTime的HH:mm格式时间差的优化方法

优化实现方案 #

你原来的写法存在冗余操作，不需要同时调用diff和Interval，也不用手动计算时分、补零，直接用Luxon内置的Duration格式化能力就能实现需求，精简后的代码如下：

const { DateTime } = luxon;

const format1 = "yyyy-MM-dd HH:mm";
const time1 = '2021-11-22 10:11';
const time2 = '2021-11-22 16:12';

const start = DateTime.fromFormat(time1, format1);
const end = DateTime.fromFormat(time2, format1);
// 直接计算时间差并指定单位，调用toFormat输出指定格式
const formatted = end.diff(start, ['hours', 'minutes']).toFormat('hh:mm');

alert(formatted); // 输出 06:01

优化点说明 #

• 删掉了冗余的Interval实例化、秒数计算、手动时分换算和补零逻辑，代码量减少近一半，可读性更强
• 直接调用diff方法时指定需要的hours和minutes单位，Luxon内部会自动处理单位换算，不需要自己做数学计算避免出错
• 用Duration自带的toFormat方法直接输出hh:mm格式，原生支持自动补前导零，不需要手动调用padStart
• 将无重新赋值的变量从var改为const，符合现代JS编码规范

如果存在时间差超过24小时的场景，该写法也会直接输出累计小时数，比如26小时3分就会输出26:03，完全匹配HH:mm的格式要求。

内容的提问来源于stack exchange，提问作者Aruru