SvelteKit中Date.parse()客户端与服务端行为不一致问题

使用Sveltestrap的datetime-local选择器，输出格式为"2023-05-25T20:36"的时间字符串。在客户端的+page.svelte中调用Date.parse()时，会将该字符串视为本地时间（MT时区，比EST晚2小时、比加州早1小时）并生成正确的UTC时间戳；但在服务端的+page.server.js action中调用Date.parse()时，却将其视为UTC时间，导致时间戳错误。请问这是否是SvelteKit的Node配置问题？为何会出现此差异？

客户端代码（+page.svelte） #

<Form method="POST">
    Set Draft Time!
    <Input
      type="datetime-local"
      name="datetime"
      id="exampleDatetime"
      placeholder="datetime placeholder"
      bind:value={timeStamp} 
    />
    {timeStamp}
    {Date.parse(timeStamp)} <!-- 此处正确识别timeStamp为本地时间，生成正确时间戳 -->
    <button type="submit">Submit Here!</button>
  </Form>

服务端代码（+page.server.js） #

export const actions = {
    default: async ({cookies,request,params}) => {
        const data = await request.formData();
        const dateAsString = data.get("datetime"); // 获取到的是正确的本地时间字符串：2023-05-25T20:36
        const timestamp = Date.parse(dateAsString); // 此处出现差异：Date.parse()将输入视为UTC时间，导致时间戳不符合预期
    }
};

这不是SvelteKit的Node配置问题，核心差异来自浏览器与Node.js对无时区信息的ISO 8601格式字符串的解析规则不同：

• 浏览器环境（+page.svelte运行在客户端）：遵循HTML标准，datetime-local返回的YYYY-MM-DDTHH:mm格式字符串会被默认解析为本地时区时间，所以Date.parse()能生成对应本地时间的UTC时间戳。
• Node.js环境（+page.server.js运行在服务端）：遵循ECMAScript标准，不带时区标识的ISO 8601字符串会被默认解析为UTC时间，这就导致服务端解析出的时间戳和客户端不一致。

解决办法 #

有两种可靠的处理方式：

1. 客户端传递时带上时区信息：
   提交表单前，把datetime-local返回的字符串转换成带时区偏移的格式（比如MT时区对应2023-05-25T20:36-06:00），再传给服务端。示例代码：

   // 在+page.svelte中处理
   function formatWithTimezone(dateStr) {
     const date = new Date(dateStr);
     const offset = date.getTimezoneOffset();
     const offsetSign = offset > 0 ? '-' : '+';
     const absOffset = Math.abs(offset);
     const hours = String(Math.floor(absOffset / 60)).padStart(2, '0');
     const mins = String(absOffset % 60).padStart(2, '0');
     return `${dateStr}${offsetSign}${hours}:${mins}`;
   }
   // 提交前转换时间字符串
   const formattedTime = formatWithTimezone(timeStamp);
   // 将formattedTime作为表单数据提交
   

2. 服务端强制按本地时区解析：
   如果服务端运行时区和客户端一致，可以手动拆分时间字符串的年、月、日、时、分，用Date构造函数的参数形式创建日期对象（该方式默认使用本地时区）：

   // 在+page.server.js中处理
   const [datePart, timePart] = dateAsString.split('T');
   const [year, month, day] = datePart.split('-').map(Number);
   const [hour, minute] = timePart.split(':').map(Number);
   // 注意：Date构造函数的月份是0-based，需要减1
   const date = new Date(year, month - 1, day, hour, minute);
   const timestamp = date.getTime();
   

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