IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

sélectionner une date avec Datepicker


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut sélectionner une date avec Datepicker
    Bonsoir,

    je compte utiliser Datepicker pour qu'un utilisateur puisse saisir une date ; or si j'arrive à afficher le calendrier (en français !), quand il sélectionne une date, celle-ci s'inscrit dans le champ de saisie, mais j'aimerais la récupérer pour la traiter (MySQL...) ; et j'ai beau regarder la doc, je ne trouve pas...

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonsoir,
    ...celle-ci s'inscrit dans le champ de saisie, mais j'aimerais la récupérer pour la traiter...
    - récupération du contenu de façon tout à fait standard, pas nécéssaire si dans un formulaire, un NAME sur le contrôle suffit
    - envoi au serveur via FORM.submit ou via Ajax

  3. #3
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    Oui, tu as raison, ça a l'air très simple et pourtant, je n'y arrive pas. Au départ, le champ de saisie n'est pas dans un formulaire, mais je l'ai intégré dans un formulaire pour pouvoir accéder à ses éléments :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <div class="demo">
    <form name="formulaire">
      <p>Date: <input name="date" id="datepicker"
     type="text"></p>
    </form>
    </div>
    <script>
    vdate=document.forms["formulaire"].elements["date"].value;
    //if (vdate!='') 
    document.write('date='+vdate);
    et le document.write n'affiche que
    date=
    Qu'est-ce qui ne va pas ?

  4. #4
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    J'ai compris qu'il fallait utiliser la méthode "getDate" , mais je dois m'y prendre mal, vu que je n'ai rien :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <div class="demo">
      <p>Date: <input name="date" id="datepicker" type="text"></p>
    </div>
     
    <!-- End demo -->
    <script>
    vdate=$( "#datepicker" ).datepicker( "getDate" );
    document.write('date='+vdate);

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    tel que ton code est écrit le résultat ne peut pas être autre, tu "affiches" le contenu de l'INPUT avant que celui ci n'ait été modifié.

  6. #6
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    D'accord, mais là :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
      <p>Date: <input name="date" id="datepicker" type="text" onchange="
    document.write('date='+$( \"#datepicker\" ).datepicker( \"getDate\" ));"></p>
    toujours pas...

  7. #7
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <p>Date: <input name="date" id="datepicker" type="text" onchange="alert( 'date=' +$( '#datepicker').val());"></p>
    devrait suffire, ou mieux encore, dans ce cas
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <p>Date: <input name="date" id="datepicker" type="text" onchange="alert( 'date=' +this.value);"></p>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Débutant] DatePicker - Changer le "Watermark" Sélectionner une date
    Par martialv02 dans le forum Windows Presentation Foundation
    Réponses: 3
    Dernier message: 02/06/2015, 12h31
  2. Réponses: 21
    Dernier message: 29/12/2012, 20h41
  3. Réponses: 6
    Dernier message: 06/11/2011, 12h11
  4. Parser une date avec un format
    Par titoine1978 dans le forum C++
    Réponses: 15
    Dernier message: 03/04/2006, 11h46
  5. [JCalendar] Sélectionner une date?
    Par Regis.C dans le forum Composants
    Réponses: 5
    Dernier message: 25/08/2005, 10h17

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo