日期选择器未显示
日期选择器未显示
提问于 2017-06-03 11:19:19
我是新来的，面向发展。通常情况下我会做后端和下位。白天，我从frontend-angular的同事那里听到很多关于datepicker小部件的消息。现在我从日常工作中解脱出来，有了他的示例源代码来学习。我想先开始一个最简单的问题，然后回到我好奇心的根源:)
how to show datepicker calendar on datefield
我正在尝试将datepicker添加到我的页面中，用验证器替换普通的textfield：
from django import forms
class ReportOneForm(forms.Form):
start_date = forms.DateField(widget=forms.TextInput(attrs={'class': 'datepicker'}))
end_date = forms.DateField(widget=forms.TextInput(attrs={'class': 'datepicker'}))
def clean(self):
cleanded_data = super().clean()
start_date = cleanded_data.get('start_date')
end_date = cleanded_data.get('end_date')
if start_date > end_date:
raise forms.ValidationError(f"Start Date must not after End Date")模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Report 1 Result</title>
<form method="post" class="post-form">{% csrf_token %}
{{ form.as_p }}
<button type="submit" class="save btn btn-default">Save</button>
</form>
</head>
<body>
</body>
</html>
<script>
$(function() {
$( ".datepicker" ).datepicker({
changeMonth: true,
changeYear: true,
yearRange: "1900:2012",
// You can put more options here.
});
});
</script>我一定是误解了这一页里的一些东西。
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-06-03 11:30:03
您可能需要加载JQuery-UI。
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>(如在this answer中)
如果你没有它的话，JQuery
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44343343
复制相关文章
相似问题
腾讯云开发者
