在Django通用表单视图中获取日期选择组件的方法

嘿，我来帮你搞定这个日期显示的小问题！你遇到的情况是因为Django的CreateView默认使用的ModelForm会把DateField渲染成普通文本输入框，咱们只需要自定义表单来指定日期组件就能轻松解决。

步骤1：创建自定义ModelForm #

先在你的应用里新建一个forms.py（如果还没有的话），然后编写自定义表单，给expected_date字段指定原生日期选择器的widget：

from django import forms
from .models import Task  # 注意模型名要和你实际定义的一致，你之前代码里写的是task，建议改成大写的Task哦

class TaskForm(forms.ModelForm):
    class Meta:
        model = Task
        fields = ['project', 'task_name', 'expected_date']
        widgets = {
            # 指定日期输入的type为date，浏览器会自动渲染原生日期选择器
            'expected_date': forms.DateInput(attrs={'type': 'date'}),
        }

步骤2：修改AddTask视图 #

把原来视图里的fields参数替换成我们自定义的form_class：

from django.views.generic import CreateView
from django.urls import reverse_lazy
from .models import Task
from .forms import TaskForm  # 导入刚才定义的表单

class AddTask(CreateView):
    model = Task
    form_class = TaskForm  # 替换原来的fields配置
    success_url = reverse_lazy('home')
    template_name = 'st_web/addtask.html'

额外说明 #

这样修改后，用户访问页面时，expected_date字段就会显示成浏览器原生的日期选择器，不用手动输入日期格式，体验好很多。如果之后想要更个性化的日期组件（比如带时间选择、样式更美观的），可以考虑引入第三方前端库，只需要在widget的attrs里添加对应的类名，然后在模板里初始化相关JS即可。

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