我想用datepicker实现一个django表单.我制作了forms.py
from django import forms class DateRangeForm(forms.Form): start_date = forms.DateField(widget=forms.TextInput(attrs= { 'class':'datepicker' })) end_date = forms.DateField(widget=forms.TextInput(attrs= { 'class':'datepicker' }))
和 views.py
if request.method == "POST": f = DateRangeForm(request.POST) if f.is_valid(): c = f.save(commit = False) c.end_date = timezone.now() c.save() else: f = DateRangeForm() args = {} args.update(csrf(request)) args['form'] = f return render(request, 'trial_balance.html', { 'form': f })
balance.html
而且我的输入框中仍然没有该状态的日期选择器.我也试过在我的balance.html中包含脚本中的文件链接
仍然是datepicker不工作.但是当我在我的html文件中包含jquery时,它也不会使我在html文件中实现的jquery-treetable工作.
如何使datepicker工作?
您可以使用forms.DateInput()
小部件,而不是forms.TextInput()
:
from functools import partial DateInput = partial(forms.DateInput, {'class': 'datepicker'}) class DateRangeForm(forms.Form): start_date = forms.DateField(widget=DateInput()) end_date = forms.DateField(widget=DateInput())
要使JQuery Datepicker工作,您必须初始化它:
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/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.11.0/jquery-ui.js"></script> <script> $(document).ready(function() { $('.datepicker').datepicker(); }); </script>