incrémenter une date

Version imprimable

Bonjour à toutes et à tous,

je rencontre un léger soucis avec une fonction que j'ai fais,

en fait c'est pour décaler des dates.

J'ai donc fais la fonction sous-jacente.

Code:

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
<script type="text/javascript">
    function addday() {
        var items = new Array();
        var itemCount = document.getElementsByClassName("date");
 
        for (var i = 0; i < itemCount.length; i++) {
            items[i] = document.getElementById("date" + (i + 1)).value;
        }
 
 
 
        for (var i = 0; i < itemCount.length; i++) {
            items[i] = document.getElementById("date" + (i + 1)).value;
            var itemDtParts = items[i].split("-");
            var itemDt = new Date(itemDtParts[2], itemDtParts[1] - 1, itemDtParts[0]);
                nb=document.getElementById('nb').value;
 
                itemCount[i].value = (itemDt.getDate() < 9 ? "0" : "")+ (itemDt.getDate()+nb)+ "-" + (itemDt.getMonth() < 9 ? "0" : "") + (itemDt.getMonth() + 1) + "-" + itemDt.getFullYear();
 
 
 
 
 
        }
           return items;
           }
</script>

Donc le soucis est que concernant cette fonction si par exemple j'ai une date du 15/08/2012 et que je demande plus 5 au lieu de m'écrire 15/08/2012
Et bien il m'écrit 105/08/2012 ce qui n'est pas possible.

Savez vous m'indiquer comment je puis résoudre le soucis?

Par avance merci.

SP.

29/08/2012, 14h50
SpaceFrog

setDate ..
29/08/2012, 16h03
piotrowski-s

Code:

document.getElementById("date" + (i + 1)).value.setDate(document.getElementById("date" + (i + 1)).value.getDate() + nb) ;

et il me répond dans la console:
2Uncaught TypeError: Object 27-08-2012 has no method 'getDate'
29/08/2012, 16h10
SpaceFrog

un value est un string ...
getDate est une methode de l'objet Date ...

=> converti ton value en date
=>fais un setDate dessus pour l'incrementer
=>fais un getDate pour afficher la date obtenue
29/08/2012, 16h14
piotrowski-s

c'est déjà une date dans la base de donnée c'est au format YYYY-mm-dd, je fais un

Code:

<?php echo date('d-m-t', strtotime($row['date'])) ; ?>

pour le format européen c'est tout.
29/08/2012, 16h20
SpaceFrog

Code:

document.getElementById("date" + (i + 1)).value.getDate()

là ce n'est pas une date ....
c'est un string !
29/08/2012, 16h29
piotrowski-s

et comment fais t'on l'équivalent de date('d-m-Y', strtotime($row['date'])) en javascript? par avance merci.

Code:

1
2
3
4
stringdate= "29-08-2012"
tabdate=stringdate.split('-').reverse()
madate= new Date(+tabdate[0],+tabdate[1]-1, t+abdate[2])
alert(madate.toLocaleString())

et avec incrément

Code:

1
2
3
4
5
6
stringdate= "29-08-2012"
tabdate=stringdate.split('-').reverse()
madate= new Date(+tabdate[0],+tabdate[1] -1, +tabdate[2])
alert(madate.toLocaleString())
lendemain= new Date(+tabdate[0],+tabdate[1] -1, +tabdate[2]+1)
alert(lendemain.toLocaleString())

j'ai donc fais comme cela

Code:

1
2
3
4
5
stringdate= document.getElementById("date" + (i + 1)).value
			tabdate=stringdate.split('-').reverse()
			madate= new Date(tabdate[0],tabdate[1]-1, tabdate[2])
 
                itemCount[i].value = document.getElementById("date" + (i + 1)).value.setDate(madate + nb) ;

mais cette fois la page se fige et rien ne change de plus je n'ai pas de messages d'erreur dans la console.

29/08/2012, 16h42
SpaceFrog

Code:

itemCount[i].value = document.getElementById("date" + (i + 1)).value.setDate(madate + nb) ;

rine n'a changé là ...
tu essaye toujours de faire un setDate sur un value ...
29/08/2012, 16h51
piotrowski-s

j'ai essayé comme cela: itemCount[i].value = setDate(madate + nb) ;

mais ile me dit Uncaught ReferenceError: setDate is not defined
29/08/2012, 16h56
SpaceFrog
a priopri tu n'as pas lu mon code précédent ...
setDate est une methode de l'objet Date ...

Dans le code précédent l'incrément se faisait dans el new Date dans le param date du jour (3eme)

Voici un code pour modifier une date au moyen de getDate et setDate
Code:

1 2 3 4 5 stringdate= "29-08-2012" tabdate=stringdate.split('-').reverse() madate= new Date(+tabdate[0],+tabdate[1] -1, +tabdate[2]) madate.setDate(madate.getDate()+1) alert(madate.toLocaleString())

Bonjour grâce à votre aide j'ai pu faire cela:

Code:

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
<script type="text/javascript">
    function addday() {
        var items = new Array();
        var itemCount = document.getElementsByClassName("date");
 
        for (var i = 0; i < itemCount.length; i++) {
            items[i] = document.getElementById("date" + (i + 1)).value;
        }
 
 
 
        for (var i = 0; i < itemCount.length; i++) {
            items[i] = document.getElementById("date" + (i + 1)).value;
            var itemDtParts = items[i].split("-");
            var itemDt = new Date(itemDtParts[2], itemDtParts[1] - 1, itemDtParts[0]);
            nb=document.getElementById('nb').value;
 
    var newDate = itemDt.getDate() + nb;
        itemDt.setDate(newDate ) ;
                itemCount[i].value = itemDt;
 
        }
 
 
       return items;
           }
 
</script>

Le soucis c'est qu'il me renvoi cela:

Wed Jan 01 2020 00:00:00 GMT+0100 (Paris, Madrid)

j'ai essayé de formater comme cela:
itemCount[i].value = itemDt.format("dd-mm-yyyy") ;

mais il me dit: Uncaught TypeError: Object 1577833200000 has no method 'format'

Code:

1
2
formatdate=itemD.getDate()+"-"+itemD.getMonth()+1+"-"+itemD.getFullYear()
 itemCount[i].value = formatdate;

Bonjour, j'ai donc procédé de la sorte:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
        for (var i = 0; i < itemCount.length; i++) {
            items[i] = document.getElementById("date" + (i + 1)).value;
            var itemDtParts = items[i].split("-");
             var itemDt = new Date(itemDtParts[2] + "-" + itemDtParts[1] + "-" + itemDtParts[0]);
            nb=document.getElementById('nb').value;
 
 
         var newDate = itemDt.getDate() + nb;
        itemDt.setDate(newDate ) ;
                itemCount[i].value =  itemDt.getDate()+"-"+itemDt.getMonth()+"-"+itemDt.getFullYear()
		}

Le soucis que j'ai désormais c'est que lorsque j'ajoute 1 jour les dates ne correspondent pas en fait par exemple lorsque je fais 27-08-2012 +1 ça me retourne : 28-3-2013

8O8O8O

Code:

var itemDt = new Date(itemDtParts[2] + "-" + itemDtParts[1] + "-" + itemDtParts[0]);

ils sont ou les 3 paramètres ???

Sinon il y a plusieurs choses à prendre en considération :
1) les mois en js commencent à 0 => janvier =0
il faut donc le corriger en entrée avec -1 et en sortie avec +1

2) en js (comme dans d'autres langages) le string 08 est interprété comme un octal et retournera 10
il faut donc le parser en décimal parseInt("08",10) =>retourne 8
Code:

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 <html> <head> <title>Nouvelle page 1</title> <script type="text/javascript"> function lz(x){ return x.toString().replace(/^(\d)$/,'0$1') } function ajoute(){ indate = document.getElementById("entree").value; var itemDtParts = indate.split("-"); nb=document.getElementById('jours').value; var itemDt = new Date(parseInt(itemDtParts[2],10), parseInt(itemDtParts[1],10)-1, parseInt(itemDtParts[0],10)+ +nb); alert(itemDt.toLocaleString()) document.getElementById("res").value = lz(itemDt.getDate())+"-"+lz(itemDt.getMonth()+1)+"-"+itemDt.getFullYear() } </script> </head> <body> date de départ :<input type="text" id="entree" value="27-08-2012" readonly /><br/> nbre de jours: <input type="text" id="jours" value="" /><br/> <input type="button" onclick="ajoute()" value="calcul" /><br/> <input type="text" id="res" value="" /><br/> </body> </html>

ce script est vraiment parfait, mais j'ai du mal à l'adapter à ma boucle.

en fait j'ai donc mis cela:

Code:

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
<script type="text/javascript">
function lz(x){
return x.toString().replace(/^(\d)$/,'0$1')
}
 
    function addday() {
        var items = new Array();
        var itemCount = document.getElementsByClassName("date");
 
        for (var i = 0; i < itemCount.length; i++) {
            items[i] = document.getElementById("date" + (i + 1)).value;
        }
 
 
 
        for (var i = 0; i < itemCount.length; i++) {
            items[i] = document.getElementById("date" + (i + 1)).value;
            var itemDtParts = items[i].split("-");
             var itemDt  = new Date(parseInt(itemDtParts[2],10), parseInt(itemDtParts[1],10)-1, parseInt(itemDtParts[0],10)+ +nb);
            nb=document.getElementById('nb').value;
 
                itemCount[i].value = lz(itemDt.getDate())+"-"+lz(itemDt.getMonth()+1)+"-"+itemDt.getFullYear()
		}
 
 
       return items;
           }
 
</script>

et pour la première date qui est le 27/08/12 il me renvoit cela:

NaN-NaN-NaN pour les autres ça a l'air de fonctionner.

30/08/2012, 11h54
SpaceFrog

pourquoi deux boucles pour renseigner items ?

a quoi ressemble le html associé ?

voici le html associé

Code:

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<?php
 $jours = date('Y-m-d');
$sql = "SELECT * FROM agenda WHERE n_doss='".mysql_real_escape_string($_GET['n_doss'])."' AND qualite='".mysql_real_escape_string($_GET['qualite'])."' AND liasse='".$_GET['liasse']."'";
$qry = mysql_query($sql) or die(__LINE__.mysql_error().$sql);
 
$i = -1; // index des enregistrements
?>
 
 
 <form action="<?php echo (isset($_POST['go'])) ? 'go2.php' : '#'; ?>" method="post">
 
      <input type="hidden" name="liasse" value="<?php echo $_GET['liasse']; ?>"/>
      <input type="hidden" name="n_doss" value="<?php echo $_GET['n_doss']; ?>"/>  
<table id="box-table-a">
    <tr>
         <th scope="col"><input name="data[<?php echo ++$i; ?>][code_s]" type="text" value="CODE S" size="10"></th>
         <th scope="col"><input name="data[<?php echo $i; ?>][libelle]" type="text" value="LIBELLE" size="30"></th>
          <th scope="col"><input name="data[<?php echo $i; ?>][action]" type="text" value="ACTION" size="15"></th>
         <th scope="col"><input name="data[<?php echo $i; ?>][libelle]" type="text" value="DESCRIPTION" size="40"></th>
          <th scope="col"><input type="text" name="data[<?php echo $i; ?>][date]" value="DATE D'ACTION" size="12"></th>   <th scope="col"><input type="text" name="data[<?php echo $i; ?>][date]" value="VALIDATION" size="12"></th>
          <th scope="col"><strong>ETAT</strong></th></tr>
 
      <?php while($row = mysql_fetch_assoc($qry)): ?>
 
<tr>
         <td><input name="data[<?php echo ++$i; ?>][code_s]" type="text" value="<?php echo $row['code_s'];?>" size="10"></td>
         <td><input name="data[<?php echo $i; ?>][libelle]" type="text" value="<?php echo $row['libelle']; ?>" size="30"></td>
         <td><input name="data[<?php echo $i; ?>][action]" type="text" value="<?php echo $row['action']; ?>" size="15"></td>
         <td><input name="data[<?php echo $i; ?>][libelle]" type="text" value="<?php echo $row['description']; ?>" size="40"></td>
         <td> 	<input type="text" name="data[<?php echo $i; ?>][date]" class="date" id="date<?php echo $i; ?>" value="<?php 
 
 
echo date('d-m-Y',strtotime($row['date_action'])) ;
 
 ?>" size="12"></td>
 <td nowrap><input type="text" name="data[<?php echo $i; ?>][date_validation]" id="data[<?php echo $i; ?>][date_validation]" value="<?php if($row['date_validation']=='0000-00-00') {echo 'Non trait&eacute;' ; }
 else {
echo (date('d-m-Y',strtotime($row['date_validation']))); }
 ?>" size="12"></td>
         <td nowrap><?php if($row['date_validation']=='0000-00-00' AND strtotime($row['date_action'])>strtotime(date('Y-m-d')))  {?><a href="edit-action.php?id=<?php echo $row['id'] ; ?>&n_doss=<?php echo $row['n_doss'] ; ?>&liasse=<?php echo $_GET['liasse'] ?>&qualite=<?php echo $_GET['qualite'] ?>"><img src="images/gtk-edit.png" width="24" height="24"></a> <a href="validate-action.php?id=<?php echo $row['id'] ; ?>&n_doss=<?php echo $row['n_doss'] ; ?>&liasse=<?php echo $_GET['liasse'] ?>&qualite=<?php echo $_GET['qualite'] ?>"><img src="images/go.gif" width="24" height="24"></a> <a href="delete-action.php?id=<?php echo $row['id'] ; ?>&n_doss=<?php echo $row['n_doss'] ; ?>&liasse=<?php echo $_GET['liasse'] ?>" onClick="return confirm('voulez vous vraiment supprimer cette action ?')"><img src="images/trash-paper.png" width="24" height="24"></a><?php } elseif($row['date_validation']=='0000-00-00' AND strtotime($row['date_action'])<=strtotime(date('Y-m-d'))) {?><a href="#" onClick="return confirm('Vous ne pouvez pas &eacute;diter ou changer la date d\'une action appartenant à votre passif !')"><img src="images/gtk-edit.png" width="24" height="24"></a> <a href="validate-action.php?id=<?php echo $row['id'] ; ?>&n_doss=<?php echo $row['n_doss'] ; ?>&liasse=<?php echo $_GET['liasse'] ?>&qualite=<?php echo $_GET['qualite'] ?>"><img src="images/go.gif" width="24" height="24"></a> <a href="#" onClick="return confirm('Vous ne pouvez pas supprimer une action appartenant à votre passif !')"><img src="images/trash-paper.png" width="24" height="24"></a><?php } else { ?><img src="images/tick_48.png" width="24" height="24"><?php } ?></td>
      </tr>
  <?php endwhile; ?></td></tr></table>     
 
 
 
 
 
<p align="center"><input type="submit" name="go" value="Enregistrer les modifications !" width="28" height="28"></p></form>
<table width="50%"><tr><td><div class="info"> <strong>Décalage des date </strong>
         <table width="150" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td align="center" bgcolor="#FFFF99">
                  <input type="image" src="images/minus_remove_green.png" width="22" height="22" name="submit"  value="moins" onClick="subday()" />
                  <input name="jours" type="text" value="" size="5" id="nb" />
                  <input type="image" src="images/plus_add_green.png" width="22" height="22" onClick="addday()"  />
               </td>
            </tr>
         </table>

30/08/2012, 14h15
SpaceFrog

non ça c'est le php ...