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

发布时间：2020-12-20 12:23:06 所属栏目：Python 来源：网络整理

导读：看了 this link并找到了一些帮助,但我想知道如何为我的models.py中的DateField选择使用JQueryUI Datepicker小部件 models.py from django.db import modelsclass EModel(models.Model): date = models.DateField(blank=False) forms.py from django import f

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

models.py

from django.db import models

class EModel(models.Model):

    date = models.DateField(blank=False)

forms.py

from django import forms
from models import EModel

class EForm(forms.ModelForm):
    class Meta:
        model = EModel

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>

我希望有一种方法可以让我的’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'})
        }

解决方法

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

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

文件here.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!