如何在 django 中添加 bootstrap 4 datepicker

Question

我一直在尝试从 tutorial 添加 bootstrap 4 datepicker。添加新记录时效果很好，但问题是在编辑记录时，该值没有出现在字段中。我所做的是：

widgets.py

from django.forms import DateTimeInput, DateInput

class BootstrapDateTimePickerInput(DateTimeInput):
    template_name = 'widgets/bootstrap_datetimepicker.html'

    def get_context(self, name, value, attrs):
        datetimepicker_id = 'datetimepicker_{name}'.format(name=name)
        if attrs is None:
            attrs = dict()
        attrs['data-target'] = '#{id}'.format(id=datetimepicker_id)
        attrs['class'] = 'form-control datetimepicker-input'
        context = super().get_context(name, value, attrs)
        context['widget']['datetimepicker_id'] = datetimepicker_id
        return context

forms.py

class ClaimForm(forms.ModelForm):

    purchase_date = forms.DateTimeField(input_formats=['%d/%m/%Y %H:%M'], widget=BootstrapDateTimePickerInput())

    class Meta(forms.ModelForm):
        model = Claim
        fields = ['store', 'expense', 'rewards', 'money_receipt', 'purchase_date']

我想在编辑表单时将日期值添加到输入字段中。

Answer 1

我们在 Tempus Dominus JS 库之上为 Bootstrap 4 日期和时间选择器小部件构建了一个 Django Python 包。详情在这里：

https://pypi.org/project/django-tempus-dominus/

对于你的情况，这样的事情会起作用：

from tempus_dominus.widgets import DateTimePicker

purchase_date = forms.DateTimeField(
    widget=DateTimePicker(),
    initial='1980-01-01 12:00:00',
)

祝你好运！