Django中DateTimeField模板显示与数据库存储时间不一致求助

当你开启USE_TZ=True后，Django会将DateTimeField的时间以UTC格式存储到数据库，取出时默认转换为settings.TIME_ZONE对应的时区时间。但通过AJAX返回数据时，序列化后的时间通常是UTC格式的字符串，直接在前端显示就会和预期不符。以下是两种无需修改USE_TZ=True的解决方法：

方法一：后端处理为本地时区字符串 #

在返回JSON数据前，将时区感知的datetime对象转换为本地时区并格式化：

原生Django视图示例 #

from django.utils import timezone
from django.http import JsonResponse

def chat_view(request):
    # 示例：获取聊天记录
    chats = Chat.objects.all()
    chat_data = []
    for chat in chats:
        # 转换为settings.TIME_ZONE对应的本地时间
        local_time = timezone.localtime(chat.date)
        # 格式化为需要的字符串格式
        formatted_time = local_time.strftime('%Y-%m-%d %H:%M:%S')
        chat_data.append({
            'date': formatted_time,
            # 其他字段
        })
    return JsonResponse({'chats': chat_data})

Django REST Framework序列化器示例 #

如果用DRF，直接在序列化器中指定时区和格式：

from rest_framework import serializers
from django.utils import timezone

class ChatSerializer(serializers.ModelSerializer):
    date = serializers.DateTimeField(
        format='%Y-%m-%d %H:%M:%S',
        default_timezone=timezone.get_current_timezone()
    )

    class Meta:
        model = Chat
        fields = ['date', ...]

方法二：前端转换UTC时间为本地时区 #

如果后端返回的是ISO格式的UTC时间（如"2024-05-20T08:00:00Z"），可以在JS中转换为本地时区显示：

// 假设response.chats[key].date是UTC时间字符串
const utcTime = new Date(response.chats[key].date);
// 转换为本地时区的格式化字符串（可自定义格式）
const localTimeStr = utcTime.toLocaleString('zh-CN', {
    year: 'numeric',
    month: '2-digit',
    day: '2-digit',
    hour: '2-digit',
    minute: '2-digit'
});
// 更新DOM内容
document.querySelector('.time-left').textContent = localTimeStr;

关键说明 #

开启USE_TZ=True后，数据库实际存储的是UTC时间，你在数据库工具中看到的"当前时区时间"通常是工具自动转换后的结果。上述两种方法都是将UTC时间转换回你配置的TIME_ZONE对应的时间，和Django后台显示的时间一致。

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