如何在日期字段上显示日期选择器日历 [英] how to show datepicker calendar on datefield
本文介绍了如何在日期字段上显示日期选择器日历的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这是关于如何在django网站上使用jQuery 日期选择器
。
This is regarding how to use a jQuery date picker
in a django powered site.
models.py
是
from django.db import models
class holidaytime(models.Model):
holiday_date = models.DateField()
我正在使用 jquery datepicker
。
我正在使用模型表格
和创建了文本字段
来成功显示日期。
I am using a model form
and created text field
for displaying date sucessfully.
但未显示日期选择器图标。我正在使用Django模型表单。
But failed to show a datepicker icon. I am using Django model forms.
推荐答案
您可以使用 widget
将 class
传递给表单时,它将在html中呈现。然后, javascript
将读取类
以呈现 datepicker
You can use widget
to pass a class
to the form when it will be rendered in the html. Then that class
will be read by javascript
to render the datepicker
function.
这里是一个示例:
from django import forms
class HolidayTimeForm(forms.Form):
holiday_date = forms.DateField(widget=forms.TextInput(attrs=
{
'class':'datepicker'
}))
...或通过 widgets $ c使用ModelForm时,Meta类中的$ c>属性:
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>
这篇关于如何在日期字段上显示日期选择器日历的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文