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)
在模型表单中编辑日期窗口小部件属性,为它们提供类".datepicker",因为这是JQuery datepicker将要查找的内容.所以你的ModelForm变成了:
class EForm(forms.ModelForm):
class Meta:
model = EModel
widgets = {'date': DateInput(attrs={'class': 'datepicker'})}
Run Code Online (Sandbox Code Playgroud)
文档在这里.
| 归档时间: |
|
| 查看次数: |
14458 次 |
| 最近记录: |