Fonctionnalités de la librairie jsFF

Documentation de la librairie jsFF : datepicker

La méthode jsFF.addDatePicker(identifiant, options) permet de transformer un champ texte (<input type="text">) en composant calendrier interactif.

Elle prend 2 arguments :

Quelques exemples :

Un calendrier dans un champ de saisie texte circonscrit aux années 2009 à 2012 sera initialisé par

jsFF.addDatePicker('date1', {FromYear:2009, UpToYear:2012}, afterSelect : function (dateSel, obj) { 
	alert('date : ' + dateSel + ' - objet : ' + obj.id);
	}
});
:

Le même présentant le calendrier en position supérieure

jsFF.addDatePicker('date2', {PositionMode:'Top', FromYear:2009, UpToYear:2012});
:

Il est également possible de coloriser des périodes dans le calendrier en renseignant l'option periodes avec un tableau composé d'objets du type :

var per1 = [{ deb: '20100801', fin: '20100809', coul:'#5bfd81', legende:'vacances' },
	{ deb: '20100812', fin: '20100817', coul:'#ff5b45',legende:'congés' }
]; 
jsFF.addDatePicker('date3', {PositionMode:'Top', FromYear:2009, UpToYear:2012, Periodes: per1, showLegend: true});
:

En spécifiant l'option showLegend: true, et à la condition qu'au moins un des champs legende soit renseigné dans les options, un tableau récapitulatif sera affiché en bas du composant.