如何使用Django模板语言的JQuery Datepicker

Zac*_*Zac 4 django jquery jquery-ui django-models django-forms

看了这个链接并找到了一些帮助,但我想知道如何为我的models.py中的DateField选择使用JQueryUI Datepicker小部件

models.py


from django.db import models

class EModel(models.Model):

    date = models.DateField(blank=False)
Run Code Online (Sandbox Code Playgroud)

forms.py


from django import forms
from models import EModel

class EForm(forms.ModelForm):
    class Meta:
        model = EModel
Run Code Online (Sandbox Code Playgroud)

form.html - Django如何呈现我的表单.不在管理页面中

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Form</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
</head>
<body>
    <form action="" method="post">{% csrf_token %}
        {{ form.date }} <!-- ***** -->
        <!-- The rest of my form -->
    </form>
</body>
Run Code Online (Sandbox Code Playgroud)

我希望有一种方法可以让我的'date'模型字段呈现为JQueryUI Datepicker小部件,但我已经搜索过,发现无法链接这两个(在我的情况下).








在我的forms.py中

from django import forms
from models import EModel

class EForm(forms.ModelForm):
    class Meta:
        model = EModel
        widgets = {
            'date' : forms.DateInput(attrs={'type':'date'})
        }
Run Code Online (Sandbox Code Playgroud)

pro*_*nte 9

在模型表单中编辑日期窗口小部件属性,为它们提供类".datepicker",因为这是JQuery datepicker将要查找的内容.所以你的ModelForm变成了:

class EForm(forms.ModelForm):
    class Meta:
        model = EModel
        widgets = {'date': DateInput(attrs={'class': 'datepicker'})}
Run Code Online (Sandbox Code Playgroud)

文档在这里.