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