[RESOLU] calendrier dans un formulaire

20 août 2014, 12:54

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

20 août 2014, 14:14

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.

20 août 2014, 15:04

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

20 août 2014, 16:54

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

27 août 2014, 15:18

merci les amis! j'ai vu!

[RESOLU] calendrier dans un formulaire

Qui est en ligne