Twitter Bootstrap 的 Django 和日期范围选择器组件

Posted 2023-02-24

【中文标题】Twitter Bootstrap 的 Django 和日期范围选择器组件

【英文标题】：Django and date range picker component for Twitter Bootstrap

【发布时间】：2013-03-09 05:40:56

【问题描述】：

我想在我的 Django 项目中使用这个 daterange picker

问题是我不知道我必须在服务器端（Django）做什么？

可能会创建某种小部件？

可能是子类 widgets.MultiWidget？

我认为这个小部件必须表现得像两个 DateTimeFields？

Django 可以做到这一点吗？

【问题讨论】：

您只需要在表单中定义 id

【参考方案1】：

鉴于示例输出是

MM/DD/YYYY - MM/DD/YYYY

这将发布到您的视图中。我会自己处理这个，而不是使用 Django 表单，并将它存储在两个 DateField 中。类似这样的东西：

date_range = request.POST['date_range']
start_date_string = date_range.split(' - ')[0]
end_date_string = date.range.split(' - ')[1]

这将为您提供所需的两个字符串，然后只需将它们传递到 DateFields 并保存即可。

【参考方案2】：

我必须这样做；所以我在这里分享代码。它基本上重用了 Django DateField。

class DateRangeField(forms.DateField):
    def to_python(self, value):
        values = value.split(' - ')
        from_date = super(DateRangeField, self).to_python(values[0])
        to_date = super(DateRangeField, self).to_python(values[1])
        return from_date, to_date

和

date_range = DateRangeField(required=False,
                            widget=forms.TextInput(attrs='placeholder': _('from'),
                                                          'class': 'form-control datepicker'))