Intégrer le widget de calendrier dans Django app

Comment puis-je intégrer un widget de calendrier dans mon système? Je tiens à ajouter le widget calendrier de mon formulaire, qui a été conçu dans Django. Je suis d'attacher une capture d'écran montrant où je veux l'intégrer. Aussi, je veux le widget calendrier d'être comme http://www.dynarch.com/projects/calendar/.

Quel fichier dois-je modifier et quel code dois-je utiliser?

Intégrer le widget de calendrier dans Django app

InformationsquelleAutor Saadat | 2012-09-16
  1. 11

    forms.py

    import datetime
from django.forms.extras.widgets import SelectDateWidget
from django.forms import ModelForm, Form

date_field = forms.DateField(widget=SelectDateWidget)

    sinon il y a aussi une autre façon à l'aide de Javascript À l'aide de Django heure/date widgets dans le formulaire personnalisé
    il peut être utile

    • je suis content u got it travail
    • il dit toujours 'DateField' objet n'a pas d'attribut "needs_multipart_form'..que puis-je faire pour y remédier?
    • SelectDateWidget est idéal. Pourquoi aucun de l'autre je ne sais combien de fils sur la même question de le mentionner??
    InformationsquelleAutor Malik Aqib
  2. 9

    J'ai tout compris. Vous avez juste besoin d'activer l'interface d'admin dans settings.py et l'importation AdminDateWidget au lieu de SelectDateWidget dans le forms.py fichier. Aussi, insérez le code suivant dans le fichier de modèle de la forme. Assurez-vous de le mettre entre les balises. voici le code:

    <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>

    Espère que son utilisation à quelqu'un, cheers!

    Saadat

    InformationsquelleAutor Saadat
  3. 1

    Après un long combat, j'ai réussi à le faire fonctionner pour Django 2.0.2. Vous avez besoin de ce qui suit dans l'en-tête de modèle:

    HTML:

    <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'),

]

    Et puis 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(),
}

    Avec ce code, vous devez être bon d'aller.

    • Cela n'a pas fonctionné pour moi, mais je ne reçois pas toutes les erreurs. La forme est un widget pour mon champ date est encore une zone de texte. Je suis rendu avec {{ formulaire.as_p }}
    • J'ai été en mesure de l'obtenir pour fonctionner par l'ajout de deux lignes de plus <script type="text/javascript" src="{% static 'admin/js/calendar.js' %}"></script> <script type="text/javascript" src="{% static 'admin/js/admin/DateTimeShortcuts.js' %}"></script>
    InformationsquelleAutor Newton M
  4. 0

    Juste un conseil pour les personnes qui sont à l'aide de Django_filters et ils veulent l'admin agenda à afficher sur il y a des champs de date (E. x Date est supérieure à) .. Vous devez déclarer le widget dans le filtre que vous avez créé .

    Comme ceci :

    class 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']
    InformationsquelleAutor Arindam Roychowdhury