如何在datefield上显示datepicker calender [英] how to show datepicker calender on datefield

问题描述

这是关于如何在django动力网站中使用jQuery 日期选择器。

This is regarding how to use a jQuery date picker in a django powered site.

models.py

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

我正在使用 jquery datepicker 。

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

I am using a model form and created text field for displaying date sucessfully.

但无法显示datepicker图标。我正在使用Django模型表单。

But failed to show a datepicker icon. I am using Django model forms.

请帮助我这样做。

提前感谢。 p>

Thanks in advance.

推荐答案

您可以使用小部件传递类到表单时，它将在html中呈现。那么 class 将被 javascript 读取，以呈现 datepicker 功能。

You can use widget to pass a class to the form when it will be rendered in the html. Then that class will be read by javascript to render the datepicker function.

这是一个例子：

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

...或通过小部件属性：

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>

这篇关于如何在datefield上显示datepicker calender的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！