Afficher les date des prochains samedi sur un an

**fox54270** · 14/02/2012, 19h50

Bonjour,

Je suis débutant et je souhaite avoir votre aide,

dans un champs type sélecte je souhaite afficher les dates des prochains samedi à venir

quelqu'un peut il me dire comment faire

Merci d'avance

**Golgotha** · 14/02/2012, 21h46

Bonjour,

Voici un début de réponse :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
    AddTime = function(d, j)
		{
			return new Date(d.getTime() + (1000 * 3600 * 24 * j));
		}
	var ladate=new Date()
 
	for (i=0;i<100;i++){
		ladate = AddTime(ladate,1);
			if (ladate.getDay() == 6)
				document.write("le " + ladate.getDate()+"/"+(ladate.getMonth()+1)+"/"+ladate.getFullYear() + " </br>");
		}

**fox54270** · 14/02/2012, 23h08

Merci Golgotha de ta reponse.

Est ce que tu peux encore me donner un coup de pouce et me dire comment faire pour que les dates apparaisse dans un champs selecte.

Et merci encore

**Golgotha** · 15/02/2012, 09h23

Tu peux par exemple utiliser jQuery :

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
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
 $(document).ready(function() {
        AddTime = function(d, j)
		{
			return new Date(d.getTime() + (1000 * 3600 * 24 * j));
		}
		var ladate=new Date()
 
		for (i=0;i<100;i++){
		ladate = AddTime(ladate,1);
			if (ladate.getDay() == 6)
				//document.write("le " + ladate.getDate()+"/"+(ladate.getMonth()+1)+"/"+ladate.getFullYear() + " </br>");
				$('#example').append('<option value='+i+'>' + ladate.getDate()+"/"+(ladate.getMonth()+1)+"/"+ladate.getFullYear() + '</option>');
		}
		});
</script>     
</head>
 
<body>
 
<select id="example">
</select>
 
</body>
</html>

**fox54270** · 15/02/2012, 10h28

Merci Merci Merci tout plein
Je peux continuer le reste.

Encore Merci

**andry.aime** · 15/02/2012, 11h25

Bonjour,

Pourquoi utiliser jQuery rien que pour ça ?

Code :

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

1
2
3
4
5
6
7
8
var leSelect = document.getElementById("example");
for (i=0;i<100;i++){
		ladate = AddTime(ladate,1);
			if (ladate.getDay() == 6)
				leSelect.options[leSelect.options.length] =  new Option( (ladate.getDate()+"/"+(ladate.getMonth()+1)+"/"+ladate.getFullYear()) , i );
				//document.write("le " + ladate.getDate()+"/"+(ladate.getMonth()+1)+"/"+ladate.getFullYear() + " </br>");
				//$('#example').append('<option value='+i+'>' + ladate.getDate()+"/"+(ladate.getMonth()+1)+"/"+ladate.getFullYear() + '</option>');
		}

A+.

**javatwister** · 15/02/2012, 11h25

autre essai sans query:

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
58
59
60
61
62
63
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 
<title>...</title>
 
<style type="text/css">
 
ul {
 
list-style-type:none;
margin-left:150px;
padding:10px;
overflow:auto;
height:200px;
width:250px;
}
 
li {
padding-left:10px;
font-weight:bold;
background-color:orange;
}
 
li.titre {
background-color:yellow;
text-align:center;
}
</style>
 
 
</head>
<body>
 
<ul id="mess">
<li class="titre">dates</li>
</ul>
 
 
<script type="text/javascript">
 
var month=["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"];
var d, d2, d3, sam, col, li, i;
 
d=new Date();
sam=6-d.getDay();
d2=new Date(d.getTime()+1000*3600*24*sam)
d3=d2;
 
for(i=0;d2.getUTCFullYear()==d3.getUTCFullYear();i+=7){
	d3=new Date(d2.getTime()+1000*3600*24*i)
	li=document.createElement("li");
	li.appendChild(document.createTextNode("samedi" + " " + String(d3.getUTCDate()).replace(/^1$/,"1er")+ " " + month[d3.getUTCMonth()]+ " "+ d3.getUTCFullYear()));
	document.getElementById("mess").appendChild(li);
	li.onclick=function(){if(col){col.style.backgroundColor="orange"};col=this;this.style.backgroundColor="red";
		alert("Vous avez choisi la date du " + this.firstChild.data + ".\nFaites en ce que vous voulez.");
	}
}
 
</script>
 
</body>
</html>

Afficher les date des prochains samedi sur un an

JavaScript

Discussions similaires

Partager

Partager