如何在我的系统中集成日历小部件?我希望将日历小部件添加到已经使用Django设计的表单中。我附加了一个截图,显示我想要集成它的位置。而且,我希望日历小部件像这个http://www.dynarch.com/projects/calendar/这样。
需要修改哪个文件以及需要使用什么代码?
需要修改哪个文件以及需要使用什么代码?
forms.py
import datetime
from django.forms.extras.widgets import SelectDateWidget
from django.forms import ModelForm, Form
date_field = forms.DateField(widget=SelectDateWidget)
或者还有另一种方法,可以使用JavaScript 在自定义表单中使用Django时间/日期小部件,这可能会有所帮助
SelectDateWidget
是理想的选择。为什么其他无数关于同样问题的线程都没有提到它呢? - underscore_d我已经想通了。你只需要在settings.py文件中激活管理员界面,并在forms.py文件中导入AdminDateWidget而不是SelectDateWidget即可。此外,将以下代码插入到表单的模板文件中。确保将其放在标签之间。这是代码:
<script type="text/javascript" src="/admin/jsi18n/"></script>
<script type="text/javascript" src="/static/admin/js/core.js"></script>
<script type="text/javascript" src="/static/admin/js/admin/RelatedObjectLookups.js"> </script>
<script type="text/javascript" src="/static/admin/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/admin/js/jquery.init.js"></script>
<script type="text/javascript" src="/static/admin/js/actions.min.js"></script>
<script type="text/javascript" src="/static/admin/js/calendar.js"></script>
<script type="text/javascript" src="/static/admin/js/admin/DateTimeShortcuts.js"></script>
<script type="text/javascript" src="/jsi18n/"></script>
<script type="text/javascript" src="{% static 'admin/js/core.js' %}"></script>
<script type="text/javascript" src="{% static 'admin/js/admin/RelatedObjectLookups.js' %}"></script>
<link rel="stylesheet" type="text/css" href="{% static 'admin/css/forms.css' %}"/>
<link rel="stylesheet" type="text/css" href="{% static 'admin/css/base.css' %}"/>
<link rel="stylesheet" type="text/css" href="{% static 'admin/css/widgets.css' %}"/>
urls.py
from django.views.i18n import JavaScriptCatalog
urlpatterns = [
...
path('jsi18n/', JavaScriptCatalog.as_view(), name='javascript-catalog'),
]
然后是forms.py
from django import forms
from .models import MyModel
from django.contrib.admin.widgets import AdminDateWidget
class TripDetailForm(forms.ModelForm):
class Meta:
model = MyModel
fields = '__all__'
widgets = {
'my_field': AdminDateWidget(),
}
<script type="text/javascript" src="{% static 'admin/js/calendar.js' %}"></script><script type="text/javascript" src="{% static 'admin/js/admin/DateTimeShortcuts.js' %}"></script>
使其成功运行。 - Mark Chackerianclass InterviewFilter(django_filters.FilterSet):
start_date = django_filters.DateFilter(name='date',lookup_expr=('gt'), widget=AdminDateWidget())
end_date = django_filters.DateFilter(name='date',lookup_expr=('lt'), widget=AdminDateWidget())
registry_year = django_filters.DateRangeFilter(field_name='date', lookup_expr='year')
class Meta:
model = Interview
fields = ['position', 'result', 'status']