Page 1 sur 1

calendrier dans un formulaire

Posté : 20 août 2014, 12:54
par Ozil
bonjour! j'aimerais afficher un calendrier dans un champ de formulaire mais j'yarrive pas,on m'a conseillé d'utiliser JQUERY mais je n'y connais rien j'ai seulement telechargé Jquery UI.

Comment faire si vous pouvez me guider svp!merci

Re: calendrier dans un formulaire

Posté : 20 août 2014, 14:14
par Elie
Salut Ozil,

Tu as répondu a ta question déjà.

jQuery UI te propose cela très simplement : http://jqueryui.com/datepicker/

Tu regardes tous les exemples, tu cliques sur "View Source" et tu copies le code.

Re: calendrier dans un formulaire

Posté : 20 août 2014, 15:04
par JokerMentalist
Coucou Ozil
<!doctype html>
    <html lang="fr">
        <head>
            ...
            <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
            <script src="//code.jquery.com/jquery-1.10.2.js"></script>
            <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
            <link rel="stylesheet" href="TONCSS">

            <script>
                $(function() {
                    $( "#datepicker" ).datepicker();
                });
            </script>
    </head>
    <body>
        <p>Date: <input type="text" id="datepicker"></p>
    </body>
</html>
Fait un copier coller de ce code.

Ligne 5 : tu charge le thème de jqueryUi
Ligne 6 : tu charge Jquery depuis le codex. Tu peux aussi le charger depuis un script interne
Ligne 7 : pareil que la ligne précédente sauf que la tu charge jQuery Ui
Ligne 8 : tu charge ton CSS perso

Le script JS

grace à l'alias "$"tu indique à JS que tu selectionne un élément ayant pour id : datepicker. Puis tu lui applique le comportement datepicker

J'espere que sa t'a aider !! bisous lol

Re: calendrier dans un formulaire

Posté : 20 août 2014, 16:54
par toytoy
Grâce à HTML5 tu as un input date, quand tu cliques dessus tu peux choisir ta date dans un calendrier. Il n'y a rien de plus simple et de plus pratique.

http://www.alsacreations.com/tuto/lire/ ... local.html pour plus d'infos

Re: calendrier dans un formulaire

Posté : 27 août 2014, 15:18
par Ozil
merci les amis! j'ai vu!