Django DateTimeInput用datetime-local出现T字符致验证错误如何解决

最优方案：后端表单层添加输入格式支持（推荐） #

问题根源是Django默认的DateTimeField输入格式列表没有包含datetime-local控件返回的带T的ISO格式，直接在字段配置中加入对应格式即可，无需改动模板或前端逻辑，完全兼容你现有统一渲染字段的代码：

delivery_pickup = forms.DateTimeField(
    label = "Delivery or Pickup Appointment", 
    required = False,
    # 添加对datetime-local返回格式的支持，同时保留原有默认格式兼容其他输入场景
    input_formats=['%Y-%m-%dT%H:%M', *forms.DateTimeField.default_input_formats],
    widget=forms.DateTimeInput(attrs={'type':'datetime-local'})
)

复用性优化：自定义通用字段（多字段场景推荐） #

如果你的项目中多处用到datetime-local控件，可以自定义通用字段和组件，避免重复配置：

# 放在forms.py公共定义区域
class DateTimeLocalInput(forms.DateTimeInput):
    input_type = "datetime-local"

class DateTimeLocalField(forms.DateTimeField):
    input_formats = ["%Y-%m-%dT%H:%M", *forms.DateTimeField.default_input_formats]
    widget = DateTimeLocalInput

# 业务表单直接调用
delivery_pickup = DateTimeLocalField(
    label = "Delivery or Pickup Appointment", 
    required = False
)

可选方案：前端统一处理 #

如果不想改动后端代码，可以直接在模板中加入全局JS，无需修改现有字段循环渲染逻辑：

document.addEventListener('submit', function(e) {
    document.querySelectorAll('input[type="datetime-local"]').forEach(input => {
        if (input.value) input.value = input.value.replace('T', ' ');
    });
});

注意该方案依赖前端JS执行，若用户禁用JS会导致验证失败，优先级低于后端处理方案。

疑问解答 #

你不需要单独为datetime类型字段做特殊渲染，上述两种后端方案都完全兼容你现有的{% for field in form %}循环渲染逻辑。如果选择JS方案，只需要把代码放在页面底部公共脚本区域即可全局生效，不需要调整字段渲染部分的代码。

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