JavaScript字符串日期转星期异常，Vue模板输出错误求助

问题根源 #

当你使用new Date("2023-12-14")解析不带时间的ISO格式日期字符串时，JavaScript会默认以UTC时间的0点初始化日期对象。纽约时区（America/New_York）冬令时比UTC晚5小时、夏令时晚4小时，因此UTC的2023-12-14 00:00对应纽约本地时间为2023-12-13 19:00（冬令时），这直接导致星期计算结果提前一天。

直接在模板表达式中修正的方案 #

可以通过给日期字符串添加固定的中间时间（比如当天中午12点），避免解析后出现跨天情况，从而得到正确的星期。修改后的模板代码如下：

{{ new Date(`${gameScores[n - 1].parameters.date}T12:00:00`).toLocaleString('en-us', {
    timeZone: 'America/New_York',
    weekday: 'long'
}) }}

添加T12:00:00后，Date构造函数会解析为当天的中午12点，无论纽约时区的偏移量是多少，这个时间点必然落在目标日期当天，计算星期时就不会出现提前一天的错误。

补充说明 #

如果项目中涉及大量日期处理，更推荐将日期转换逻辑封装到Vue的computed属性或全局过滤器中，让模板代码更简洁易维护，但上述方案完全可以直接在模板表达式中实现需求。

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