Django中DateTimeInput去除分钟：仅按小时预订实现方案

方案一：修改DateTimeInput控件（直接限制前端选择） #

可以通过配置DateTimeInput的格式和HTML属性，让用户只能选择整小时的时间：

1. 在表单类中，给DateTimeInput指定时间格式为只保留小时，并添加step属性（3600秒=1小时），强制输入框仅允许选择整小时：

from django import forms

class BookingForm(forms.Form):
    start_time = forms.DateTimeField(
        widget=forms.DateTimeInput(
            format='%Y-%m-%d %H:00',
            attrs={
                'type': 'datetime-local',
                'step': '3600',  # 限制步长为1小时
            }
        ),
        input_formats=['%Y-%m-%d %H:00']
    )
    end_time = forms.DateTimeField(
        widget=forms.DateTimeInput(
            format='%Y-%m-%d %H:00',
            attrs={
                'type': 'datetime-local',
                'step': '3600',
            }
        ),
        input_formats=['%Y-%m-%d %H:00']
    )

这样前端的datetime-local输入框会自动跳过分钟选项，用户只能选择类似2024-05-20 08:00这样的整小时时间。

方案二：拆分日期与时间输入（更直观的选择体验） #

如果觉得DateTimeInput不够直观，可以把日期和时间分开，用DateInput处理日期，TimeInput处理时间，同样限制时间只能选整小时：

class BookingForm(forms.Form):
    start_date = forms.DateField(widget=forms.DateInput(attrs={'type': 'date'}))
    start_hour = forms.TimeField(
        widget=forms.TimeInput(
            format='%H:00',
            attrs={
                'type': 'time',
                'step': '3600',
            }
        ),
        input_formats=['%H:00']
    )
    end_date = forms.DateField(widget=forms.DateInput(attrs={'type': 'date'}))
    end_hour = forms.TimeField(
        widget=forms.TimeInput(
            format='%H:00',
            attrs={
                'type': 'time',
                'step': '3600',
            }
        ),
        input_formats=['%H:00']
    )

提交后在视图里把日期和小时拼接成完整的datetime对象即可。

方案三：后端校验兜底（防止前端绕过） #

不管前端做了多少限制，都要在后端添加校验逻辑，确保提交的时间确实是整小时：

class BookingForm(forms.Form):
    # 前面的字段定义...

    def clean(self):
        cleaned_data = super().clean()
        start_time = cleaned_data.get('start_time')
        end_time = cleaned_data.get('end_time')

        if start_time and start_time.minute != 0:
            raise forms.ValidationError('开始时间必须为整小时')
        if end_time and end_time.minute != 0:
            raise forms.ValidationError('结束时间必须为整小时')
        if start_time and end_time and end_time <= start_time:
            raise forms.ValidationError('结束时间必须晚于开始时间')
        
        return cleaned_data

如果用的是拆分字段的方案，就校验start_hour和end_hour的分钟部分是否为0即可。

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