jquery - 如何将 JQuery Datepicker 与 Django 模板语言结合使用

标签 jquery django jquery-ui django-models django-forms

查看了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>

我希望有一种方法可以使我的“日期”模型字段呈现为 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 日期选择器将查找的内容。所以你的 ModelForm 变成:

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

文档 here .

关于jquery - 如何将 JQuery Datepicker 与 Django 模板语言结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18106454/

相关文章:

jquery - 带有 Bootstrap 的窗口右下角的 Bootstrap 固定按钮

javascript - 如何禁用提交按钮直到所有文本框不为空?

python - 为什么 django 给出错误 : no module named django. 核心?

python - 如何使用pip打包的django项目?

python - 如何统计有多少条记录在字段中具有最小值? ( Django )

javascript - 是否可以在Android中编写一个生成两个数组的函数

javascript - 如何在单击按钮时显示自定义对话框

javascript - javascript中的'this',在我的例子中如何使用它?

javascript - 所选选项 css 在 IE10 中不起作用?

javascript - 无法获取要呈现的 jQuery-ui 选择菜单