Discussion :

[Tonii]

Bonjour tout le monde,

J'ai un calendrier en Jquery qui propose des dates de formations pour l'ann�e 2014. Seules les dates possibles sont cliquables. J'ai donc cr�er un tableau avec les dates valides en questions (tous les mardis).

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
var enabledDays = ["1-7-2014","1-14-2014","1-21-2014","1-28-2014"]; etc...

J'aimerais savoir comment r�cup�rer toutes les dates des mardis de l'ann�e 2014 pour g�n�rer mon tableau dynamiquement ?

Si vous avez des id�es, merci d'avance

[NoSmoking]

Bonjour,
tu r�cup�res le 1st mardi de l'ann�e puis � l'objet date qui correspond tu ajoutes 7 jusqu'� ce que tu changes d'ann�e.

[SylvainPV]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
function getDaysInYear(year,day){
	var d=new Date(year,0), dates=[];
	d.setDate(d.getDate()+(7+day-d.getDay())%7);
	while(d.getFullYear()===year){
		dates.push(new Date(d));
		d.setDate(d.getDate()+7);
	}
	return dates;	
}
 
console.log( getDaysInYear(2014,2) );

ou avec la super librairie Moment.js

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
function getDaysInYear(year,day){
	var d=moment([year]).day(7+day), dates=[];
	while(d.year()===year){
		dates.push(new Date(+d));
		d.add(1,'week');
	}
	return dates;
}

n'h�site pas � poser des questions si tu ne comprends pas une partie du code

[Kaamo]

137

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
function getDaysInYear(y,d,t,r){
for((t=new Date(y,r=[])).setDate(t.getDate()+(7+d-t.getDay())%7);t.getFullYear()==y;t.setDate(t.getDate()+7))r.push(new Date(t));return r
}
console.log( getDaysInYear(2014,2) );

[Tonii]

Bonjour,

Merci � SylvainPV et Kaamo pour vos r�ponses

Oui Sylvain j'ai juste une ligne que je comprends pas trop c'est celle-ci:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
d.setDate(d.getDate()+(7+day-d.getDay())%7);

Je veux bien une explication, merci

[Kaamo]

Cela permet de placer la date sur le premier mardi suivant. En JavaScript, chaque jour de la semaine est attribu� � un num�ro. (dimanche = 0, lundi = 1, etc, samedi = 6). Listons tous les cas possibles. Si aujourd'hui est un :

dimanche : 2 (mardi) - 0 (dimanche) = dans 2 jours
lundi : 2 (mardi) - 1 (lundi) = dans 1 jour
mardi : 2 - 2 = dans 0 jour, on est bien plac�
mercredi : 2 - 3 = -1 (c'est donc dans 7 jours - 1 jour soit 6)
jeudi : 2 - 4 = -2 (c'est donc dans 7 jours - 2 jours soit 5)
vendredi : 2 - 5 = -3 (c'est donc dans 7 jours - 3 jours soit 4)
samedi : 2 - 6 = -4 (c'est donc dans 7 jours - 4 jours soit 3)

On voit donc qu'il faut ajouter 7 jours, � la diff�rence de jour entre mardi et le jour courant.

dimanche : 7 + 2 (mardi) - 0 = dans 9 jours (!!)
lundi : 7 + 2 - 1 = dans 8 jours (!!)
mardi : 7 + 2 - 2 = dans 7 jours (!!)
mercredi : 7 + 2 - 3 = dans 6 jours
jeudi : 7 + 2 - 4 = dans 5 jours
vendredi : 7 + 2 - 5 = dans 4 jours
samedi : 7 + 2 - 6 = dans 3 jours

Il reste � traiter les cas d�passant 7, il faut donc faire appel � l'op�rateur modulo (%) qui donne le reste de la division par 7

dimanche : (7 + 2 (mardi) - 0) % 7 = 9 % 7 = 2
lundi : (7 + 2 - 1) % 7 = 8 % 7 = 1
mardi : (7 + 2 - 2) % 7 = 7 % 7 = 0
mercredi : (7 + 2 - 3) % 7 = 6 % 7 = 6
jeudi : (7 + 2 - 4) % 7 = 5 % 7 = 5
vendredi : (7 + 2 - 5) % 7 = 4 % 7 = 4
samedi : (7 + 2 - 6) % 7 = 3 % 7 = 3

On a donc le nombre de jours s�parant aujourd'hui du mardi suivant. Il suffit d'ajouter la date du jour d.getDate() � ce r�sultat pour obtenir la date du mardi suivant.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
d.setDate(      // placer la date au mardi suivant
  d.getDate()   // retourne le jour courant du mois : 1 en l'occurrence (pour mercredi 1er janvier 2014)
                // On lui ajoute la différence de jour entre le jour courant et le mardi suivant
    + (7          // nombre de jours dans une semaine (semaine suivante)
    +day          // numéro du jour de la semaine à trouver (2 pour mardi)
    -d.getDay()   // numéro du jour de la semaine courant (3 en l'occurence pour mercredi 1er janvier 2014)
    )%7           // renvoie le reste de la division par 7 si le mardi suivant n'est pas la semaine prochaine. (ex, si le résultat est 9, renvoie 2. Si le résultat est 8, renvoie 1, etc ...)
);

[SylvainPV]

Pas grand chose � ajouter � l'explication tr�s d�taill�e de Kaamo La technique du suite[ (index % longueur + longueur) % longueur] est un moyen relativement simple de s'assurer qu'un index se trouve bien dans une certaine partie d'une suite qui se r�p�te. On doit ajouter la longueur car l'op�rateur modulo consid�re les restes n�gatifs valables. Un autre exemple avec les mois:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
 
var MOIS = ["JANVIER","FEVRIER","MARS","AVRIL","MAI","JUIN","JUILLET","AOUT","SEPTEMBRE","OCTOBRE","NOVEMBRE","DECEMBRE"];
 
function prochainMois(moisActuel, nombreDeMoisPlusTard){
	var indexMoisActuel = MOIS.indexOf(moisActuel);
	return MOIS[ (indexMoisActuel + 12 + nombreDeMoisPlusTard%12) % 12 ];
}
 
prochainMois("FEVRIER",3); //MAI
prochainMois("NOVEMBRE",4); //MARS
prochainMois("JUILLET",-13); //JUIN

@Kaamo: vu que les codes en un tweet semblent te manquer, n'h�site pas � relancer le topic

[Tonii]

Merci � vous deux, les explications sont effectivements d�taill�es et donc parfaites !

Et c'est int�ressant pour d'autres sujets

Merci encore � vous !

[NoSmoking]

Je me doutais en �crivant la m�thode qu'il y avait du tweet dans l'air et cela n'a pas manqu�

Et encore merci Kaamo pour cette belle d�monstration/explication