看着这个链接 https://stackoverflow.com/questions/9594081/how-to-use-jquery-ui-datepicker-as-a-django-widget并找到了一些帮助,但我想知道如何选择对 models.py 中的 DateField 使用 JQueryUI Datepicker 小部件
模型.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
表单.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 小部件,但我四处搜索并发现无法链接这两者(在我的情况下)。
SOLUTION
在我的 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 https://docs.djangoproject.com/en/dev/topics/forms/modelforms/#overriding-the-default-fields.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)