[RESOLU] calendrier dans un formulaire

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] calendrier dans un formulaire

Re: calendrier dans un formulaire

par Ozil » 27 août 2014, 15:18

merci les amis! j'ai vu!

Re: calendrier dans un formulaire

par toytoy » 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

Re: calendrier dans un formulaire

par JokerMentalist » 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

Re: calendrier dans un formulaire

par Elie » 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.

calendrier dans un formulaire

par Ozil » 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