| Accueil | table JavaScript | index JavaScript | précédent | suivant |

Exemple - formatage des dates

Voici une nouvelle méthode ajoutée à l'objet Date. Elle permet de présenter la date et l'heure sous différents formats.

<!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>Titre de cette page : exemple20</title>
<meta name="description" content="site http://www.construireunsite.fr" />
<meta name="keywords" content="date, heure , formatage, format" />
<link rel="stylesheet" type="text/css" href="Jstyle01.css" />
<script type="text/javascript">
// ****** FORMATAGE DATE HEURE
// site http://www.construireunsite.fr
function nb2(x)
{

// rajouter le zéro de fort poids
if(x < 10)
{return "0".concat(x.toString());}
else
{return x.toString();}

}

Date.prototype.format=function(style, sep)
{
var mois=Array();
var moisS, mois2, jourS;
var an, mois, jour;
var H, M, S;
var result;
an=this.getFullYear();
mois2=nb2(this.getMonth()+1);
jour=this.getDate();
jour2=nb2(jour);

// style :
// "jma", "amj" (exemple : 02/09/2010, 2010/09/02)
// "clair" (exemple : 1er janvier 2010)
// "heure" (exemple : 08h 156m 35s)
mois=["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"];
switch(style)
{

case "jma" :

result=jour2.concat(sep).concat(mois2).concat(sep).concat(an.toString());
break;

case "amj" :

result=an.toString().concat(sep).concat(mois2).concat(sep).concat(jour2);
break;

case "clair" :

if(jour==1)
{jourS="1er";}
else
{jourS=jour.toString();}
moisS=mois[this.getMonth()];
result=jourS.concat(sep).concat(moisS).concat(sep).concat(an.toString());
break;

case "heure" :

H=nb2(this.getHours());
M=nb2(this.getMinutes());
S=nb2(this.getSeconds());
result=H.concat("h ").concat(M).concat("m ").concat(S).concat("s");
break;

}

return result;
}

</script>
</head>

<body>
<!-- Jscript20 -->
<div id="cadre1">
<h2>Formatage de la date et de l'heure</h2>
<p class="texte1">
<script type="text/javascript">
var d1, d2, year;
var d1=new Date(); // date du jour
year=d1.getFullYear();
d2=new Date(year, 0, 1); // date début année

document.write("date du début de l'année (d2):<br/>");
document.write("d2.format('jma', '/') : ", d2.format("jma", "/"), "<br/>");
document.write("d2.format('amj', '.') : ", d2.format("amj", "."), "<br/>");
document.write("d2.format('clair', ' ') : ", d2.format("clair", " "), "<br/><br/>");

document.write("date du jour (d1) :<br/>");
document.write("d1.format('jma', '/') : ", d1.format("jma", "/"), "<br/>");
document.write("d1.format('amj', '.') : ", d1.format("amj", "."), "<br/>");
document.write("d1.format('clair', ' ') : ", d1.format("clair", " "), "<br/><br/>");

document.write("il est : ", d1.format("heure"));

</script>
</p>
</div>

</body>
</html>


Afficher cette page



suivant