JARIA est une bibliothèque de fonctions développées pour faciliter l'intégration de JavaScript.

     
IE 6+
FF 2+
Opera 9+
Safari 2+
Chrome

Le calendrier

fichiers nécessaires <link href=jaria/jaria.css rel=stylesheet type=text/css />
<script src=jaria/jaria.js type=text/javascript></script>

L'objet oCal() permet d'afficher le calendrier et de gèrer les dates var oCal = new Cal();
oCal.isdate (date, [format]) = 0 ou 1 vérifie la date selon le format défini (par défaut : JJ/MM/AAAA) :

JJ/MM/AAAA
JJ/MM/AA
JJ-MM-AAAA
JJ.MM.AAAA
JJ|MM|AAAA
AAAA-MM-JJ
AA-MM-JJ

oCal.daymonth( mois, année) renvoi le nombre de jours dans le mois
oCal.datediff (du, au) renvoi le nombre de jours entre 2 dates JJ/MM/AAAA
oCal.bissextile (annee) = 0 ou 1 Année bissextile AAAA
oCal.addday (date, integer) ajoute un nombre de jour à une date JJ/MM/AAAA
oCal.addmonth (date, integer) ajoute un nombre de mois à une date JJ/MM/AAAA
oCal.addyear (date, integer) ajoute un nombre d'année à une date JJ/MM/AAAA

   
   

Les panels du calendrier
fichiers nécessaires <link href=jaria/jaria.css rel=stylesheet type=text/css />
<script src=jaria/jaria.js type=text/javascript></script>
<script src=jaria/jaria_list.js type=text/javascript></script>
<script src=jaria/jaria_datepicker.js type=text/javascript></script>
<script src=jaria/jaria_timepicker.js type=text/javascript></script>

oCal.datepicker.show(id) affiche le calendrier des dates
oCal.datepicker.valid() fonction pouvant être redéfinie pour effectuer une action à la sélection d'une date.
oCal.timepicker.show(id) affiche le calendrier des heures
oCal.timepicker.valid() fonction pouvant être redéfinie pour effectuer une action à la sélection d'une heure.

Du : Au :

De : A :

utilisation <input type=text id=date1 class=jaria_input jaria_date value= />
<button type=button class=jaria_btdate onclick=oCal.datepicker.show('date1') title=calendrier>&nbsp;</button>
<input type=text id=time1 class=jaria_input jaria_time value= />
<button type=button class=jaria_bttime onclick=oCal.timepicker.show('date1') title=calendrier>&nbsp;</button>