为何Date()会选中前一天？求这段日期格式化代码的修复方案

这个问题的核心是时区偏移导致的日期解析偏差：当你用new Date(this.value)解析类似YYYY-MM-DD格式的日期字符串时，浏览器会默认按UTC时间的0点来处理。如果你的本地时区是东八区（比如中国时区），UTC的0点对应本地时间的前一天20:00，所以toLocaleDateString会输出前一天的日期。

下面是两种直接有效的修复方法：

方法1：手动构造日期（最稳妥） #

拆分日期字符串的年、月、日，直接用Date构造函数的年/月/日参数创建日期，完全避开时区问题：

var option = { Year: 'numeric', Month: 'long', Day: 'numeric' }; // 注意原代码是Days，应为Day
// 拆分选中的日期字符串（假设this.value是YYYY-MM-DD格式）
var dateParts = this.value.split('-');
var year = parseInt(dateParts[0], 10);
var month = parseInt(dateParts[1], 10) - 1; // 月份从0开始，需减1
var day = parseInt(dateParts[2], 10);
var selecteddate = new Date(year, month, day);
var DOB = selecteddate.toLocaleDateString('en-US', option);
ChooseDate.innerHTML = "DOB: " + DOB;

方法2：修正解析后的时区偏移 #

如果不想拆分字符串，可以把解析后的日期调整到本地时区的当天起始时间：

var option = { Year: 'numeric', Month: 'long', Day: 'numeric' };
var selecteddate = new Date(this.value);
// 加上时区偏移量，将UTC时间转成本地时区的当天0点
selecteddate.setMinutes(selecteddate.getMinutes() + selecteddate.getTimezoneOffset());
var DOB = selecteddate.toLocaleDateString('en-US', option);
ChooseDate.innerHTML = "DOB: " + DOB;

另外注意原代码里的option对象键名有误：是Day不是Days，这个错误也可能导致日期格式异常，记得修正。

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