Django模型表单中DateField生成text类型而非date类型输入框问题

在Django开发中，我定义了如下ModelForm，期望datepurchased字段生成date类型的HTML输入框，但实际生成的是text类型输入框。

我的forms.py代码：

from django import forms
from django.forms import DateTimeInput, DateInput
from property.models import PropertyView

class DetailForm(forms.ModelForm):
    class Meta:
        model = PropertyView
        
        datepurchased = forms.DateField(input_formats=['%d/%m/%Y'])
        fields = ['address1', 'address2','postcode','datepurchased']

表单显示效果：生成的是文本输入框而非日期选择框。

问题出在你把DateField的定义放在了Meta类内部，这不符合ModelForm的写法规范。正确的做法是将字段定义放在表单类的顶层，同时指定widget为DateInput并设置HTML输入类型为date。

修正后的代码如下：

from django import forms
from django.forms import DateInput
from property.models import PropertyView

class DetailForm(forms.ModelForm):
    datepurchased = forms.DateField(
        input_formats=['%d/%m/%Y'],
        widget=DateInput(attrs={'type': 'date'}, format='%d/%m/%Y')
    )

    class Meta:
        model = PropertyView
        fields = ['address1', 'address2','postcode','datepurchased']

关键说明 #

• ModelForm的自定义字段需直接声明在表单类中，Meta类仅用于配置关联模型、字段列表等基础信息，不能在其中定义字段。
• 通过widget=DateInput(attrs={'type': 'date'})可以强制浏览器渲染原生日期选择输入框。
• 同步设置format参数与input_formats，确保日期输入格式的解析和显示一致，避免格式不匹配导致的验证错误。

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