Date - Codes sources

Afficher la date du jour

Exemple

Nous sommes le
Nous sommes le

Utilisation

Code JAVASCRIPT : (dmc_utils.zip, dmcplugDate.js)
Exemple de code :
<script src="dmc_utils.js" type="text/javascript"> </script>
<script src="dmcplugDate.js" type="text/javascript"> </script>

Code HTML :
Vous pouvez l'utiliser le plugin "dmcDate" de trois manières différentes :
La première permet de récupérer une date sous la forme d'une string, pour cela vous devez utilisez la méthode dmcDate.dmcDategetDate(obj)
Exemple de code :
<script type="text/javascript">
var uneDate = dmcDate.dmcDategetDate({spacer:"|"});
alert(uneDate);
</script>

La seconde permet d'écrite directement dans le code html une date, pour cela vous devez utilisez la méthode dmcDate.dmcDatewriteDate(obj);
Exemple de code :
<script type="text/javascript">
dmcDate.dmcDatewriteDate({spacer:"|"});
</script>

La troisième permet d'écrire une date dans un élément html suivant son attribut "id", pour cela vous devez utilisez la méthode dmcDate.dmcDateAddDate(obj).
Exemple de code :
<script src="dmc_utils.js" type="text/javascript"> </script>
<script src="dmcplugDate.js" type="text/javascript"> </script>
<script type="text/javascript">
dmcDate.dmcDatewriteDate({id:"mondiv", jour:"nom", mois:"nom"});
</script>

Paramétrages

Les paramètres des trois méthodes "obj"

Par défaut le plugin "dmcDate" vous renvoie la date du jour de l'ordinateur de l'internaute. Elle est au format 00/00/0000.
Cependant, vous pouvez modifier le formatage de la date via l'objet passé en paramètre aux trois méthodes suivant dmcDate.dmcDateAddDate(obj), dmcDate.dmcDatewriteDate(obj), dmcDate.dmcDategetDate(obj).

Ces dernières accepte comme paramètre un objet {}, dont les paramètres facultatifs sont les suivant :
- jour:"nom" : permet de spécifer qu'il faut afficher le nom du jour.
- mois:"nom" : permet de spécifer qu'il faut afficher le nom du mois et non son numéro.
- annee:"yy" : permet de spécifer qu'il faut afficher l'année sur 2 chiffres.
- spacer : permet de spécifer le séparateur quand la date est au format numérique (00/00/0000). Si jour ou mois sont égals à "nom" le spacer est automatiquement remplacé par un espace.
- balise : permet de spécifer qu'il faut entourer chaque éléments de la date de la valeur de balise (voir ci-dessous Les feuilles de style). Utilisez une balise de type inline (span, bold, strong)
- date : object date, qui permet de spécifier une autre date à formater.
- id : correspond à l'attribut id d'unebalise dans laquelle vous voullez mettre la date. Obligatoire si vous utilisez la méthode dmcDate.dmcDateAddDate()
Exemple de code :
dmcDate.dmcDateAddDate({date:new Date(2008,11,9),id:"info",jour:"nom",balise:"span"})

Les feuilles de style

Si vous avez spécifié l'attribut balise, chaque élément de la date est entouré par une classe :
- jour : nom du jour par exemple mercredi;
- day : je jour en question 03;
- mois : le mois
- annee : l'anné
- spacer : le séparateur par exemple "/".
Exemple de code :
<style type="text/css">
.day{
  color:#33CC00;
}
.jour{
  color:#000099;
}
.spacer{
  color:#CC0000;
}
.annee{
  color:#9966CC;
}
.mois{
  color:#FF66FF;
}
</style>