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 :

ajouter des mois a une date


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    381
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : Maroc

    Informations forums :
    Inscription : Novembre 2007
    Messages : 381
    Par défaut ajouter des mois a une date
    Salut,
    j'ai 2 zones de texte, date_debut et date_fin et j'ai une liste rempli par les mois par exemple 1-2-3 jusqu'a 12 est ce que je peux ajouter le nombre de mois a la date_debut pour donne la date_fin? et ce que la date_debut doit abligatoirement etre une liste deroulante et pas zone de texte?
    Merci d'avance.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    un minimum de recherche avant de poster SVP
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    381
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : Maroc

    Informations forums :
    Inscription : Novembre 2007
    Messages : 381
    Par défaut
    j'ai deja cherché mister Frog mais j'ai rien trouvé
    je cherche encore

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    var newDate=new Date();
    var thisMonth = newDate.getUTCMonth();
    var plusMois=3;
     
    var DansTroisMois=new Date();
    DansTroisMois.setUTCMonth(thisMonth+plusMois);
    alert(DansTroisMois.toLocaleString());
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre éprouvé Avatar de LexWizard
    Développeur informatique
    Inscrit en
    Août 2007
    Messages
    101
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2007
    Messages : 101
    Par défaut
    Salut,

    Voici un peu (beaucoup?) d'aide :
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
     
    .startDate{
            width:30px;
            text-align:center;
            border: 0px;
    }
     
    .endDate{
            width:120px;
            border: 1px solid black;
    }
     
    #startDateDiv{
            border:1px solid black;
            width: 120px;
            padding: 2px 5px 2px 5px;
    }

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
     
    Date.prototype.addMonth = function(n)
    {
         var d = new Date(this);
         d.setMonth(d.getMonth() + n);
         return d;
    }
     
    sd_onfocus = function(id)
    {
         document.getElementById(id).select();
    }
     
    m_selectChange = function(name)
    {
         for (i=0; i< document.getElementsByName(name)[0].options.length; i++)
         {
              if(document.getElementsByName(name)[0].options[i].selected)
              {
                   var DstartDate = new Date(startDate_3.value,parseInt(startDate_2.value,null)-1,startDate_1.value);
                   var DendDate = DstartDate.addMonth(document.getElementsByName(name)[0].options[i].value);
                        endDate.value = DendDate.getDate() + "/" + (parseInt(DendDate.getMonth(), null)+parseInt("1", null)) + "/" + DendDate.getYear()
                        break;
                    }
                } 
            }

    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
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
     
    <div id="startDateDiv">
        <input id="startDate_1" class="startDate" onfocus="javascript:sd_onfocus(this.id);" type="text" maxlength="2" /> / 
        <input id="startDate_2" class="startDate" onfocus="javascript:sd_onfocus(this.id);" type="text" maxlength="2" /> / 
        <input id="startDate_3" class="startDate" onfocus="javascript:sd_onfocus(this.id);" type="text" maxlength="4" />
    </div>
    <br />
    Add <select name="m_select" onchange="javascript:m_selectChange(this.name)">
        <option value="0">00</option>
        <option value="1">01</option>
        <option value="2">02</option>
        <option value="3">03</option>
        <option value="4">04</option>
        <option value="5">05</option>
        <option value="6">06</option>
        <option value="7">07</option>
        <option value="8">08</option>
        <option value="9">09</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        </select> Month
        <br /><br />
        <input id="endDate" readonly="readonly" type="text" value = "" />

    Bien sur ce code a besoin d'amélioration, mais le plus dur devrait être fait.

    Si tu as des questions n'hésite pas
    'Lex

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Lex => on peut faire plus court pour le prototype ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    Date.prototype.addMonth=function(n){
    this.setUTCMonth(this.getUTCMonth()+n)
    }
     
    var newDate=new Date();
    newDate.addMonth(3);
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  7. #7
    Membre éprouvé Avatar de LexWizard
    Développeur informatique
    Inscrit en
    Août 2007
    Messages
    101
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2007
    Messages : 101
    Par défaut
    Merci SpaceFrog

  8. #8
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    ???
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  9. #9
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    381
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : Maroc

    Informations forums :
    Inscription : Novembre 2007
    Messages : 381
    Par défaut
    Re SALUT,
    Est que elle existe la fonction DateAdd() en javascript, parce que j'en ai besoin j'ai fais le calcule de date fin en asp mais je ne peux pas l'afficher directement sur la page sans rechargement de la page, en javascript et possible je pense. je veux ajouter le champ mois qui est une liste deroulante a la date de debut qui est une zone de texte et l'afficher dans la zone date fin.
    Merci d'avance.

  10. #10
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut

    Et pendant ce temps la marmotte ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  11. #11
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    381
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : Maroc

    Informations forums :
    Inscription : Novembre 2007
    Messages : 381
    Par défaut
    Salut Frog,
    Peut tu me donner au moins un indice pour le faire, j'ai cherché mais j'ai rien trouvé et je ne suis pas asser fort en javascript
    est ce que je peux inclure javascript en asp?

  12. #12
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    on vient de te donner le code tout fait en javascript ...

    pour ce qui est d'asp ...
    asp ne fait que génrer la page html javascript ...
    asp ecrira donc ce que tu lui demandera d'ecrire
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  13. #13
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    381
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : Maroc

    Informations forums :
    Inscription : Novembre 2007
    Messages : 381
    Par défaut
    dsl, mais j'ai pas arrivé a le comprendre comment je dois le lié avec mes champs:s

  14. #14
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    ????
    Ne connaissant absolument pas la structure de ta page, ni le but final souhaité ...
    Je ne pense pas que qui que se soit sur ce forum puisse t'apporter plus d'aide ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  15. #15
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    381
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : Maroc

    Informations forums :
    Inscription : Novembre 2007
    Messages : 381
    Par défaut
    ok je m'explique, j'ai deux zone de textes, la premiere est date de debut c'est a saisir et la deuxieme zone est date de fin c'est juste pour afficher et dernierment une liste deroulante avec des valeurs de 1 a 12 c'est les mois de l'année je veux qu'on change de la liste deroulante la date fin s'affiche ca veut dire le nombre des mois + la date de debut
    c'est comprehensif mnt je pense
    MERCI

  16. #16
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Et en gros tu veux que l'on te fasse ton code ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  17. #17
    Membre éprouvé Avatar de LexWizard
    Développeur informatique
    Inscrit en
    Août 2007
    Messages
    101
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2007
    Messages : 101
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    Et en gros tu veux que l'on te fasse ton code ...
    Surtout que je lui ai déjà fais une bonne partie...

  18. #18
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    381
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : Maroc

    Informations forums :
    Inscription : Novembre 2007
    Messages : 381
    Par défaut
    BONJOUR,
    Comme j'ai dit hier je ne suis pas fort en javascript, c'est pour ca j'arrive pas a resoudre mon probleme, mais je fais des recherche comme meme. Je ne sais pas comment travailler avec les variables de Date en javascript, avec un peu d'imagination j'ai fait ce code qui ne marche pas biensur, pouvez vous m'aidez a l'ameliorer?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
     
     
    <script type="text/javascript">
    function changedate()
    var date_debut=document.form1.date_deb.value;
    var mois=document.form1.mois.value;
    var fin_date=(date_debut+mois);
    document.form1.date_fin.value=fin_date;
    </script>
    </head>
    <body>	
    <form id="form1" name="form1" method="post" action="">
     
      <label>
      <input name="date_deb" type="text" id="date_deb" onblur="changedate()"/>
      <input name="date_fin" type="text" id="date_fin" readonly="readonly"/>
      </label>
      <select name="mois" id="mois" onchange="changedate()">
        <option value="1" selected="selected">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">12</option>
        <option value="12">12</option>
      </select>
    </form>
    A bientot.

Discussions similaires

  1. [AC-2000] ajouter des années a une date
    Par alex61 dans le forum Requêtes et SQL.
    Réponses: 1
    Dernier message: 18/01/2011, 10h35
  2. [AC-2007] Ajouter des années a une date !
    Par kamikaze.team dans le forum IHM
    Réponses: 4
    Dernier message: 02/06/2010, 16h53
  3. selection par comparaison des mois dans une date
    Par squal83 dans le forum ASP
    Réponses: 2
    Dernier message: 23/10/2009, 10h36
  4. Formule pour ajouter des heures a une date
    Par discogarden dans le forum Excel
    Réponses: 2
    Dernier message: 05/03/2009, 07h45
  5. [Dates] ajouter des mois dans une date
    Par illegalsene dans le forum Langage
    Réponses: 7
    Dernier message: 16/01/2007, 14h41

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