django - 如何在日期字段上显示日期选择器日历

Question

这是关于如何在 django 支持的站点中使用 jQuery 日期选择器。

models.py 是

from django.db import models
class holidaytime(models.Model):
    holiday_date = models.DateField()

我正在使用 jquery datepicker。

我正在使用 模型表单 并创建了 文本字段 以成功显示日期。

但未能显示日期选择器图标。我正在使用 Django 模型表单。

Answer 1

您可以使用 widget 将 class 传递给将在 html 中呈现的表单。然后 class 将被 javascript 读取以呈现 datepicker 函数。

这是一个例子:

from django import forms
class HolidayTimeForm(forms.Form):
    holiday_date = forms.DateField(widget=forms.TextInput(attrs=
                                {
                                    'class':'datepicker'
                                }))

...或在使用 ModelForm 时通过 Meta 类中的 widgets 属性:

class HolidayTimeForm(forms.ModelForm):

    class Meta:
        model = Holiday
        widgets = {
            'holiday_date': forms.DateInput(attrs={'class':'datepicker'}),
        }

现在在模板中:

 /* Include the jquery Ui here */
 <script>
  $(function() {
    $( ".datepicker" ).datepicker({
      changeMonth: true,
      changeYear: true,
      yearRange: "1900:2012",
      // You can put more options here.

    });
  });
  </script>