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

JavaScript Discussion :

Afficher jour suivant


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de cyreel
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    388
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Côte d'Ivoire

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 388
    Par défaut Afficher jour suivant
    Bonjour à tous,
    j'ai un formulaire qui permet à l'utilisateur de choisir une date et dans le champs suivant je dois lui afficher la date du jour suivant:
    Exemple: L'utilisateur choisi 28-12-2017 je dois afficher dans l'input suivant 29-12-2017.
    J'ai essayé plusieurs script mais ça ne marche pas quand on change de mois ou d'année.

    Merci de m'aider.

    Ps: pour la sélection des dates j'utilise datepicker.

  2. #2
    Expert confirmé
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 132
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 132
    Par défaut
    Salut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var d = new Date();
    d.setDate(d.getDate() + 6);
    console.log(d.toLocaleDateString());
    Soit si on est le "27-12-2018" --> "02-01-2018"

    Précision:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    console.log(d.toLocaleDateString().replace(/\//g,"-"));
    Soit si on est le "27/12/2018" --> "02-01-2018"
    :whistle:pourquoi pas, pour remercier, un :plusser: pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

  3. #3
    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
    Bonjour,
    Ps: pour la sélection des dates j'utilise datepicker.
    oui mais lequel, de plus quelle est la structure de ta page ?

  4. #4
    Membre éclairé Avatar de cyreel
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    388
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Côte d'Ivoire

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 388
    Par défaut
    @ProgElecT :
    Je crois que là il prend la date du jour. Sauf que dans mon cas la date (d1) est saisie dans un formulaire et dans le input suivant je dois afficher d1 + 1jour.
    A moins que je n'ai pas compris le code.

  5. #5
    Expert confirmé
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 132
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 132
    Par défaut
    Salut
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
      <script>
            function Calcul(){
                    let d = new Date($("#datepicker" ).datepicker("getDate"));
                    d.setDate(d.getDate() + 6);
                    $("#d2" ).html(d.toLocaleDateString());
            }
      </script>
     
      <body>
     	<p>Date:<input type="text" id="datepicker" onchange="Calcul()"></p>
    	<p id="d2"></p> 
      </body>
    </html>
    L'affichage se fait dans <p id="d2"></p, je n'ai pas mis la constitution du datepicker car tu dois avoir déjà fait.
    :whistle:pourquoi pas, pour remercier, un :plusser: pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

  6. #6
    Membre éclairé Avatar de cyreel
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    388
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Côte d'Ivoire

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 388
    Par défaut
    Merci beaucoup.
    Je viens de voir que mon erreur venait d'ailleurs.
    J'avais oublier de tenir compte du fait qu'en JS le mois va de 0-11.

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

Discussions similaires

  1. Variable affichée qui se met à jour suivant une fonction
    Par maryliseduteil dans le forum Général JavaScript
    Réponses: 27
    Dernier message: 02/01/2017, 14h24
  2. date du jour suivant
    Par dieudo dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 15/01/2008, 15h13
  3. Calculer les 10 jours suivant la date du jour
    Par Ditch dans le forum MS SQL Server
    Réponses: 4
    Dernier message: 25/10/2007, 13h54
  4. [PHP-JS] Afficher resultat suivant radiobutton selectionner
    Par platonus2002 dans le forum Langage
    Réponses: 6
    Dernier message: 26/06/2007, 21h29

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