Форум сайта python.su
Здравствуйте! Помогите пожалуста с отображением собственного виджета. Хочу к полю с выбором даты добавить календарь, но он не появляется при выборе этого поля.
forms.py:
from django.forms import ModelForm from models import Info from django import forms class CalendarWidget(forms.TextInput): class Media: css = { 'all': ('static/css/jquery-ui-1.8.10.custom.css',), } js = ("http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js", "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js", ) class EditMyInfoForm(ModelForm): class Meta: model = Info fields = ['name', 'surname', 'date_of_birth', 'bio', 'contacts'] widgets = {'date_of_birth':CalendarWidget(),}
{{form.media}}
{% extends "base.html" %} {% load staticfiles %} {% block content %} <h3><a href ="/">Main page</a></h3> <script type="text/javascript"> jQuery(function() { var form = jQuery("#myForm"); form.submit(function(e) { jQuery("#sendbutton").attr('disabled', true) jQuery("#sendwrapper").prepend('Loading...<img src="{% static 'static/images/ajax-loader.gif' %}" />') jQuery("#ajaxwrapper").load( form.attr('action') + ' #ajaxwrapper', form.serializeArray(), function(responseText, responseStatus) { jQuery("#sendbutton").attr('disabled', false) jQuery("#sendwrapper").hide(); } ); e.preventDefault(); }); }); </script> {{form.media}} <form id="myForm" action="" method="post"> <div id="ajaxwrapper"> {% csrf_token %} {{ form.non_field_errors }} {{ form.as_p }} </div> <p id="sendwrapper"><input type="submit" value="save" id="sendbutton"/></p> </form> {% endblock %}
Офлайн