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

**TheJokeR34** · 22/05/2017, 16h52

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

**SpaceFrog** · 22/05/2017, 17h04

Un bon début .:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**TheJokeR34** · 23/05/2017, 09h35

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

**SpaceFrog** · 23/05/2017, 10h42

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

Une fois que tu as ton Lundi

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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());

**danielhagnoul** · 23/05/2017, 11h58

Exemple utilisant moment.js :

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
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>

**TheJokeR34** · 23/05/2017, 14h58

En fait j'ai ce code qui fonctionne :

HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

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
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.

**TheJokeR34** · 23/05/2017, 14h59

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 !

**Beginner.** · 23/05/2017, 16h17

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...

**TheJokeR34** · 23/05/2017, 16h24

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :/

**Beginner.** · 23/05/2017, 16h50

Ah oui là c'est mieux...

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

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 :

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

**TheJokeR34** · 23/05/2017, 16h56

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

**Beginner.** · 23/05/2017, 17h00

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

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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é...

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

JavaScript

Discussions similaires

Partager

Partager