如何在日期字段上显示日期选择器日历
如何在日期字段上显示日期选择器日历
提问于 2013-05-03 18:00:22
这是关于如何在django powered站点中使用jQuery date picker的。
models.py是
from django.db import models
class holidaytime(models.Model):
holiday_date = models.DateField()我正在使用jquery datepicker。
我正在使用一个model form和创建的text field成功地显示日期。
但未能显示日期选择器图标。我正在使用Django模型表单。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-05-03 18:30:46
当表单在html中呈现时，可以使用widget将class传递给表单。然后，javascript将读取该class以呈现datepicker函数。
下面是一个示例：
from django import forms
class HolidayTimeForm(forms.Form):
holiday_date = forms.DateField(widget=forms.TextInput(attrs=
{
'class':'datepicker'
}))..。或者在使用ModelForm时通过Meta类中的widgets属性：
class HolidayTimeForm(forms.ModelForm):
class Meta:
model = Holiday
widgets = {
'holiday_date': forms.DateInput(attrs={'class':'datepicker'}),
}现在在模板中：
/* Include the jquery Ui here */
<script>
$(function() {
$( ".datepicker" ).datepicker({
changeMonth: true,
changeYear: true,
yearRange: "1900:2012",
// You can put more options here.
});
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16356289
复制相关文章
相似问题
腾讯云开发者
