Avoir toutes les dates d'une même semaine en utilisant Date();

Version imprimable

22/05/2017, 16h52
TheJokeR34

Avoir toutes les dates d'une même semaine en utilisant Date();

Bonjour,

Je suis en train de faire un planning et j'aimerais avoir toutes les dates d'une semaine précise et les afficher or tout ce que j'essaye me parait trop compliqué par exemple pour cette semaine je veux :
22/05/2017 23/07/2017 24/05/2017 25/05/2017 26/05/2017 27/05/2017 28/05/2017
comment puis-je faire ça simplement avec Date(); ? Merci de vos réponses

Un bon début .:

Code:

1
2
var jour = new Date() ; 
var NrJour= jour.getDay();

23/05/2017, 09h35
TheJokeR34

Bonjour,

Oui je sais comment récupérer la date d'aujourd'hui mais ce que j'aimerais c'est les dates du lundi au dimanche je sais pas si il existe un truc du genre .getDate()+1; ou .getDate()-1; qui m’éviterais de faire un gros algorithme avec des conditions partout si on change de mois ou d'années etc.. Merci

récupère le premier jour de la semaine par différence par rapport à NrJour ...

Une fois que tu as ton Lundi
Code:

1 2 3 4 5 6 7 8 9 today=new Date(); jour=today.getDate(); mois=today.getMonth(); an=today.getFullYear(); demain = new Date (an, mois-1, jour+1); console.log (demain.toLocaleString());

:salut:

Exemple utilisant moment.js :

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
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
  <meta http-equiv="cache-control" content="public, max-age=60">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <meta name="author" content="Daniel Hagnoul">
  <title>test</title>
  <style>
    * {
      box-sizing: border-box;
    }
    
  </style>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/locale/fr.js"></script>
  <script>
    'use strict';
    
    document.addEventListener( "DOMContentLoaded", ev => {
      
    }, false );
    
    window.addEventListener( "load", ev => {
      
      moment.locale( "fr" );
      
      let
        dimanchePasser = moment().day(0), // dimanche 21
        lundi = moment().day(1), // lundi 22
        mardi = moment().day(2), // mardi 23
        mercredi = moment().day(3), // mercredi 24
        jeudi = moment().day(4), // jeudi 25
        vendredi = moment().day(5), // vendredi 26
        samedi = moment().day(6), // samedi 27
        dimancheProchain = moment().day(7); // dimanche 28
      
      console.log( dimanchePasser.format( "dddd YYYY-MM-DD" ) );
      console.log( lundi.format( "dddd YYYY-MM-DD" ) );
      console.log( mardi.format( "dddd YYYY-MM-DD" ) );
      console.log( mercredi.format( "dddd YYYY-MM-DD" ) );
      console.log( jeudi.format( "dddd YYYY-MM-DD" ) );
      console.log( vendredi.format( "dddd YYYY-MM-DD" ) );
      console.log( samedi.format( "dddd YYYY-MM-DD" ) );
      console.log( dimancheProchain.format( "dddd YYYY-MM-DD" ) );
 
    }, false );
  </script>
</head>
<body>

En fait j'ai ce code qui fonctionne :

HTML :

Code:

1
2
3
4
5
6
7
8
 
                        <div id="j1" class="joursS2"></div>
			<div id="j2" class="joursS2"></div>
			<div id="j3" class="joursS2"></div>
			<div id="j4" class="joursS2"></div>
			<div id="j5" class="joursS2"></div>
			<div id="j6" class="joursS2"></div>
			<div id="j7" class="joursS2"></div>

JS :

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
 
function initial(){
	document.getElementById('j'+day).innerHTML = today;
	var a1 = annee;
	var m1 = mois;
	var j1 = jour;
	var d = day + 1;
	for (var i = d; i < 8; i++){
		if (j1 === NbJours[mois]){
			j1 = 1;
			if (mois === 11){
				m1 = 1;
				a1++;
			} else {
				m1++;
			}
			document.getElementById('j'+i).innerHTML =  j1+"/"+m1+"/"+a1;
		} else {
			j1++;
			document.getElementById('j'+i).innerHTML =  j1+"/"+m1+"/"+a1;
		}
	}
	var a2 = annee;
	var m2 = mois;
	var j2 = jour;
	var d2 = day - 1;
	for (var j = d2; j > 0; j--){
		if (j2 === 1){
			if (mois === 0){
				m2= 11;
				a2--;
			} else {
				m2--;
			}
			j1 = NbJours[m2];
			document.getElementById('j'+j).innerHTML =  j2+"/"+m2+"/"+a2;
		} else {
			j2--;
			document.getElementById('j'+j).innerHTML =  j2+"/"+m2+"/"+a2;
		}
	}
}
 
        var now = new Date();
	var annee   = now.getFullYear();
	var mois    = now.getMonth();
	var jour    = now.getDate();
	var day 	= now.getDay();
 
        if(mois === 11){
		var m = 0;
	} else {
		m = mois + 1;
	}
	var today = jour+"/"+m+"/"+annee;
 
        initial();

Bon c'est pas la meilleure des façon de faire je pense mais ça fonctionne je vais garder ça comme ça.

23/05/2017, 14h59
TheJokeR34

Dsl danielhagnoul mais je ne comprends pas ta réponse je connais pas du tout je m'y pencherai dessus au besoin merci quand même !
23/05/2017, 16h17
Beginner.

Citation:

Envoyé par TheJokeR34

Bon c'est pas la meilleure des façon de faire je pense mais ça fonctionne je vais garder ça comme ça.

Dans ton code il manque le tableau NbJours même si on devine ce que c'est... Sinon ton code n'a pas l'air de tenir compte des années bissextiles...
Tu disais pourtant vouloir éviter "...un gros algorithme avec des conditions partout...", non ?

SpaceFrog t'avais donné la solution pourtant...
23/05/2017, 16h24
TheJokeR34
oui c'est juste que j'avais pas tout mis j'ai enlevé pas mal de code juste pour vous montrer en gros ce que j'ai fais
Code:

1 2 3 4 5 6 7 var NbJours = new Array(31,28,31,30,31,30,31,31,30,31,30,31); if (((annee % 4 == 0) && (annee % 100 != 0)) || (annee % 400 == 0)){ NbJours[1] = 29; }
Je voulais pas faire de pavés ouais mais à force de chercher j'ai voulu faire un truc fonctionnel. Et je n'ai pas compris ce qu'a fait SpaceFrog :/
23/05/2017, 16h50
Beginner.

Ah oui là c'est mieux...

Et c'est bien si tu l'as fait toi-même car c'est formateur...

Citation:

Envoyé par TheJokeR34

Je voulais pas faire de pavés ouais mais à force de chercher j'ai voulu faire un truc fonctionnel. Et je n'ai pas compris ce qu'a fait SpaceFrog :/

Il t'a donné une manière d'obtenir la date suivante à partir d'une date donnée :

Citation:

demain = new Date (an, mois-1, jour+1);

On voit qu'il suffit d’incrémenter le jour.

Tu peux aussi utiliser la méthode setDate(), teste ici : http://jsbin.com/heherifoho/edit?js,console,output
23/05/2017, 16h56
TheJokeR34

Ok je regarderai ça quand j'aurai terminé ma page pour optimiser mon code merci

Avec setDate() tu peux afficher les 7 jours comme ceci :
Code:

1 2 3 4 5 6 7 8 date= new Date(); day = date.getDate(); for (var i=0; i<7; i++) { date.setDate(day + i); //incrementation console.log ("la date + " ,i, "jour(s)", date.toLocaleString()); }
Ce n'est pas long, c'est le même principe que ce que SpaceFrog a donné...