JavaScript跨页面/屏幕比较日期始终返回NaN问题

• 执行JSON.stringify序列化时，Date类型值会被自动调用toISOString()方法，转为ISO格式的日期字符串后存储，localStorage中保存的notif_sent_at本质是字符串，不是原始的Date对象。
• 用JSON.parse()读取存储数据时，字段不会自动还原为Date实例，拿到的target.notif_sent_at是字符串类型。
• 做差值计算时，today是Date实例，参与数值运算会隐式转换为毫秒级时间戳，但直接和字符串类型的日期值做减法时，JS无法将ISO格式的日期字符串合法转为可计算的数值，减法结果为NaN。后续所有取模、除法运算碰到NaN都会返回NaN，最终得到的diffMins就是NaN。

计算前先将字符串格式的notif_sent_at转为Date实例，再做时间差运算即可。
修正后的代码：

let today = new Date();
// 将存储的ISO日期字符串转为Date对象
const storedNotifDate = new Date(target.notif_sent_at);
let diffMins = Math.round((((today - storedNotifDate) % 86400000) % 3600000) / 60000);
console.log(diffMins)

如果需要忽略时间先后顺序、获取绝对相差分钟数，可以给时间差值套一层Math.abs()，写法为Math.abs(today - storedNotifDate)

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