rdv.

html 24/03/2019 16:32

1 <style>
2 .d{width:35;border:solid #CDE430;
3 background:#EBA4E0}
4 </style>
5
6
7 Date de départ =<br>
8 <input
9 style="background:#FEF8C5;width:350pt"
10 class="idate"
11 placeholder="Date de départ [Obligatoire]"
12 onclick="fJdate()">
13
14 <fieldset
15 style="background:#FFDDE9;border-radius:10px;
16 border:solid red;width:325pt">
17 RDV dans...<br>
18 <input class="d" id="j"> jours,
19 <input class="d" id="m"> mois,
20 <input class="d" id="a"> ans,
21 <input class="d" id="s"> semaines,<br>
22 <input class="d" id="h"> heures,
23 <input class="d" id="min"> minutes,
24 <input class="d" id="sec"> secondes,<br>
25
26 <input class="d" id="ms"> millisecondes
27
28 <br><br>Jour de la Sem [0=Dim, 1=Lun, *=Auj],
29 <br>Default = Samedi
30
31 <input
32 class="d" id="js" onClick="value=''"
33 onKeyUp="javascript:fsjs()"><input id="sjs">
34 </fieldset>
35
36 <br>Date du RDV<br>
37
38 <input class="rdate"
39 style="background:#FDF9EE;width:350">
40
41 <br>
42 <button onclick="fgo()" style="background:#D6FE8E">
43 Calculer Date RDV
44 </button>
45
46 <br><br>
47 <div class=outp
48 style=padding:10;width:325pt;border:solid;
49 background:#B4E9FE;color:#041160></div>
50
51 <script type="text/javascript">
52 let cptr=0, iDate, oStg;
53 const sem=[
54 "Dimanche","Lundi", "Mardi", "Mercredi",
55 "Jeudi", "Vendredi", "Samedi","Dimanche"
56 ];
57
58 const mois=[
59 "Janvier","Février","Mars","Avril","Mai",
60 "Juin","Juilet","Août","Septembre","Octobre",
61 "Novembre","Décembre"
62 ];
63
64 function fgo(){
65 idv=document.querySelector(".iDate").value;
66 if(!iDate) {
67 alert(
68 "Champ DATE DÉPART = vide\n"+

Page 1 of 3
rdv.html 24/03/2019 16:32

69 "Cliquez dedans et continuez!"

70 );
71 return;
72 }
73
74 iDate=new Date(
75 document.querySelector(".iDate").value
76 );
77
78 fsjs();
79 outp=document.querySelector(".outp");
80
81 oStg="DATE DÉPART = ".padEnd(35,".");
82
83 oStg+=sem[iDate.getDay()]+" , "+iDate.getDate()+
84 " "+mois[iDate.getMonth()]+" "+
85 iDate.getFullYear()+
86 "<br>";
87
88 oStg+=iDate.toLocaleString() + "["+ ++cptr +"]";
89
90 let dj = 1*document.getElementById("j").value +
91 (document.getElementById("s").value)*7
92
93 let dm = 1*document.getElementById("m").value
94 let da = 1*document.getElementById("a").value
95 let dh = 1*document.getElementById("h").value
96 let dmin = 1*document.getElementById("min").value
97 let dsec = 1*document.getElementById("sec").value
98 let dms = 1*document.getElementById("ms").value
99
100 let rdate=new Date(
101 iDate.getFullYear()+da,
102 iDate.getMonth()+dm,
103 iDate.getDate()+dj,
104 iDate.getHours()+dh,
105 iDate.getMinutes()+dmin,
106 iDate.getSeconds()+dsec,
107 iDate.getMilliseconds()+dms
108 );
109
110 let d=window.jc-rdate.getDay();
111
112 rfdate=new Date(
113 rdate.getFullYear(),
114 rdate.getMonth(),
115 rdate.getDate()+d,
116 rdate.getHours(),
117 rdate.getMinutes(),
118 rdate.getSeconds(),
119 rdate.getMilliseconds()
120 );
121
122 oStg+="<br>"+"=".repeat(40)+"<br>"+
123 "Date initiale RDV = ".padEnd(38,".");
124
125 oStg+=sem[rdate.getDay()]+" , "+
126 rdate.getDate()+" "+
127 mois[rdate.getMonth()]+" "+
128 rdate.getFullYear();
129
130 oStg+="<br>"+rdate.toLocaleString();
131
132 document.querySelector(".rdate").value=rdate.toGMTString()
133
134 oStg+="<br>"+"=".repeat(40)+"<br>"+
135 "DATE R.D.V. >=>> ".padEnd(35,".");
136

Page 2 of 3
rdv.html 24/03/2019 16:32

137 oStg+=sem[rfdate.getDay()]+" , "+rfdate.getDate()+" "+

138 mois[rfdate.getMonth()]+" "+rfdate.getFullYear();
139
140 oStg+="<br>"+rfdate.toLocaleString()+"<br>";
141
142 document.querySelector(".rdate").value=rfdate.toGMTString()
143
144 oStg+=
145 "<hr style='height:10;color:yellow;"+
146 "background:#0000A2'>";
147
148 outp.innerHTML=oStg+outp.innerHTML;
149 }
150
151 function fJdate(){
152 iDate=new Date();
153 document.querySelector(".iDate").value=iDate;
154 }
155
156 function fsjs(){
157 let js=document.getElementById("js").value;
158 if(js=="*") window.jc=new Date().getDay();
159 else window.jc =
160 (document.getElementById("js").value) || 6;
161
162 document.getElementById("sjs").value =
163 sem[window.jc];
164 }
165 </script>
166

Page 3 of 3