如何将Unix时间转换为本地时区ISO时间适配HTML日期选择器？

你当前的问题核心是：toISOString()返回的是UTC时区的时间字符串，HTML的<input type="datetime-local">会将UTC字符串解析为本地时区时间显示，导致和预期不符。要解决这个问题，需要直接生成本地时区对应的ISO格式字符串（格式为YYYY-MM-DDTHH:mm），而不是从UTC字符串截取。

具体实现步骤： #

1. 先将Unix时间戳转为Date对象：

const date = new Date(endingTime * 1000);

2. 提取本地时区的年、月、日、时、分，并补零保证两位格式：

const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需+1
const day = String(date.getDate()).padStart(2, '0');
const hour = String(date.getHours()).padStart(2, '0');
const minute = String(date.getMinutes()).padStart(2, '0');

3. 拼接成<input type="datetime-local">要求的格式：

this.edate = `${year}-${month}-${day}T${hour}:${minute}`;

4. 最后赋值给表单控件：

this.userForm['endingTime']['controls'].patchValue(this.edate);

原理说明： #

• getFullYear()、getMonth()、getDate()、getHours()、getMinutes()这些方法都是基于本地时区获取时间值的，所以拼接出来的字符串就是本地时区对应的时间格式。
• <input type="datetime-local">接收的YYYY-MM-DDTHH:mm格式字符串，会直接当作本地时间显示，不会再进行时区转换，这样就能得到你需要的GMT+05:30对应的2022-11-22T01:31显示效果。

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