JS时区差2小时问题：前端传GMT+2时间Laravel存储少2小时解决方法

2小时的时间差来自时区自动转换逻辑：前端传入的时间字符串明确携带GMT+0200时区标识，Laravel默认会将所有带时区信息的输入时间，转换为config/app.php中timezone配置项对应时区的时间再写入数据库。当前你项目里的timezone配置值应为UTC，GMT+2时区的18:29转换为UTC时间恰好是16:29，和你实际存库的结果完全匹配。

全程不需要安装moment.js等额外第三方时间处理库，前后端任选一侧调整即可，也可以两边配合做校验。

前端侧（原生JS实现） #

不要直接把Date对象默认序列化的带时区字符串传给后端，用原生JS方法格式化出不带时区偏移的本地时间字符串再传参，所有现代浏览器都原生支持以下写法，无兼容问题：

/**
 * 将Date对象格式化为 YYYY-MM-DD HH:mm:ss 格式的本地时间字符串
 * @param {Date} date 待处理的日期对象
 * @returns {string} 格式化后的本地时间字符串
 */
const formatLocalDateTime = (date) => {
  const year = date.getFullYear()
  const month = String(date.getMonth() + 1).padStart(2, '0')
  const day = String(date.getDate()).padStart(2, '0')
  const hours = String(date.getHours()).padStart(2, '0')
  const minutes = String(date.getMinutes()).padStart(2, '0')
  const seconds = String(date.getSeconds()).padStart(2, '0')
  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
}

// axios请求时传入格式化后的字符串即可，对应示例时间会返回 2022-06-13 18:29:00
axios.post('/api/your-route', {
  appointment_time: formatLocalDateTime(new Date('Mon Jun 13 2022 18:29:00 GMT+0200'))
})

如果业务需要传递跨时区的标准时间，也可以直接传13位毫秒时间戳，和后端约定解析规则即可，但如果你的业务只需要保留用户选择的本地时间值，直接传格式化后的本地时间字符串是最简单、最不容易出偏移问题的方案。

后端侧（Laravel 8.x 适配） #

如果不方便调整前端传参逻辑，可以直接在Laravel侧做适配，根据业务场景二选一即可：

• 全局时区配置调整
  如果你的业务所有用户都在同一个时区（比如示例里的中欧时区），直接打开config/app.php，找到timezone配置项，将值从默认的UTC改为你业务对应的时区标识符，比如中欧时间填Europe/Rome：

// config/app.php
'timezone' => 'Europe/Rome',

改完执行命令清除配置缓存即可生效：

php artisan config:clear

调整后Laravel会自动把传入的GMT+2时间转换为配置时区的本地时间存库，不会再出现2小时偏移。

注意：如果你的产品面向多时区用户，不要修改全局时区，选择下面的字段级处理方案，避免跨时区用户时间错乱。

• 模型字段级单独处理
  如果要保留全局UTC时区配置，只需要针对特定时间字段不做自动时区转换，可以在对应模型中重写字段的赋值逻辑，Laravel默认自带Carbon时间处理库，不需要额外安装依赖：

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;
use Carbon\Carbon;

class Appointment extends Model
{
    // 声明需要自动处理的时间字段
    protected $dates = ['appointment_time'];

    /**
     * 时间字段赋值时强制按业务时区解析，不做UTC转换
     */
    public function setAppointmentTimeAttribute($value)
    {
        // 解析传入的带时区时间，转换为业务时区后取格式化值写入数据库
        $this->attributes['appointment_time'] = Carbon::parse($value)
            ->setTimezone('Europe/Rome')
            ->format('Y-m-d H:i:s');
    }
}

调整完可以在控制器中加临时日志验证解析结果，确认待存值为2022-06-13 18:29:00即为符合预期：

Log::debug('前端传入时间：', ['time' => request('appointment_time')]);
Log::debug('解析后待存时间：', ['time' => Carbon::parse(request('appointment_time'))->setTimezone('Europe/Rome')->format('Y-m-d H:i:s')]);

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