Comment utiliser jQuery UI Datepicker en tant que widget Django?

Certains de mes Django 1.3 modèles ont DateField propriétés. Lorsqu'un formulaire est généré, je voudrais utiliser le jQuery UI Datepicker au lieu d'un simple champ de texte. Je comprends que je pouvais créer de nouveaux widgets, mais je ne comprends pas comment. En outre, je ne suis pas sûr si quelque chose comme cela a déjà été fait pour Django (je l'ai googlé, pas de chance).

Comment créer un Django Widget que je peux réutiliser sur plusieurs modèles (et de la page) pour le jQuery UI Datepicker?

source d'informationauteur Martin

  1. 11

    JQueryUI a un très bon jour de l'INTERFACE utilisateur du sélecteur.
    Vous pouvez l'obtenir ici: http://jqueryui.com

    Disons par exemple que vous avez la forme suivante:

    class DateForm(forms.Form):
   myDate = forms.DateField()

    À partir d'ici, vous voulez lier le JQuery date widget à votre domaine à l'intérieur de votre modèle.

    Je suis en supposant que ici vous êtes de passage le DateForm à votre modèle et votre chemin(s) de JQuery sont corrects. 

    <head>
    <link rel="stylesheet" href="/themes/base/jquery.ui.all.css">
    <script src="/jquery.js"></script>
    <script src="/ui/jquery.ui.core.js"></script>
    <script src="/ui/jquery.ui.widget.js"></script>
    <script src="/ui/jquery.ui.datepicker.js"></script>
    <script>
    $(function() {
        $( "#id_myDate" ).datepicker();
    });
    </script>
</head>
<body>

<p>Date: <input type="text" id="id_myDate"></p>

</body>

    Veuillez noter que myDate est précédée par id_. Django ne présente de façon transparente, alors assurez-vous de match en tant que tel: id_myDate.

    Espère que cela vous aide.

  2. 0

    Vous devriez regarder sur DateInput - vous aurez besoin d'hériter de votre widget. Aussi regarder admin widgets - il y a quelques JS ajouté. Afin de prendre DateInput, ajouter un peu de JS et vous avez terminé.