Publié le 28/04/2010
Auteur Fobec
Réseaux sociaux
0 partages
0 tweets
0 plus
3 commentaires

Date picker: pop-up js pour selectionner une date

Comment saisir une date dans un formulaire ? Dans une page HTML, un composant input est utilisé par l'internaute pour saisir une date. Avec un composant Javascript, une fenêtre pop-up affiche un calendrier associée à une zone input texte. En plus du coté esthétique, les erreurs de format de date sont ainsi évitées.

Choisir un composant js de date

901-datepickerParmi les nombreux scripts que l'on peut trouver sur la toile, mon choix s'est portée sur :

Javascript Date Time Picker 2.1 (CSS Version)
Auteur: TengYong Ng
Site: www.rainforestnet.com

La première version de de la boite de dialogue est lancé le 29 novembre 2003 . Depuis son lancement, le composant javascript est gratuit et a rendu service à de nombreux développeurs ou intégrateur web. Au fil du temps, l'amélioration de la librairie de sélection de date a permis d'intégrer des paramétrages qui permettent à chacun de personnaliser l'interface à ses propres besoins.

Débuter avec Date Time Picker

La personnalisation des fonctions et de l'interface de la boite de dialogue s'effectue à deux niveaux:

objet crée
: les configurations sont passés comme arguments à la fonction "NewCssCal" et dans ce cas la personnalisation est appliquée à la boite de dialogue en cours.

ensemble des objets: le fichier datetimepicker_css.js peut etre edité pour y apporter ses propres modifications, par exemple la couleur de Week-end, première année de calendrier et la possibilité de sélectionner une date passée. Dans ce cas, la configuration est appliquée à l'ensemble des picker crées à partir de la librairie sur le serveur.

Ajouter un commentaire

Les champs marqués d'un * sont obligatoires, les adresses emails se sont pas publiées.
avatar IB

Publié par IB

le 29/04/2011 à 14:14:07

On ne voit pas le gros bouton rouge 'Download' pour charger les 3 scripts, dont vous parlez sur le site

avatar fobec

Publié par fobec

le 29/04/2011 à 14:51:45

Effectivement, l'interface du site a evolue. Le lien de telechargement est ici: http://www.rainforestnet.com/download/sample.zip

avatar IB

Publié par IB

le 29/04/2011 à 18:29:24

Merci ca marche bien.

A lire aussi

Réseaux sociaux
Présentation de l'article
Catégorie
tuto - webmaster
Mise a jour
28/04/2010
Visualisation
vu 2428 fois
Public
Internaute
Auteur de la publication
Fobec
Admin
Auteur de 261 articles
|BIO_PSEUDO|
Commentaires récents

Publié par Tchatche dans news

Salut a tous,
@ Outsourcing je suis tout a fait d'accord avec toi que le Pagerank d'un site (ou page) n'est pas un gage de bonnes positions sur Google,on peut tous citer des sites ay...

Publié par Helo dans java

SVP Comment faire fonctionner le bouton pause ?

Publié par skud dans java

La methode getTextFile() etant statique, il faut donc l'appeler de maniere statique. Modifier l'exemple de la maniere suivante

System.out.print(HTTPLoader.getTextFile('http://fobec.com/CMS/ind...

Publié par inf0mag dans news

Et avec les objets connectes, a va encore exploser !

Publié par fredouille dans java

Il ne faut pas oublier de mettre aussi System.setErr(printStream); pour ne pas oublier les printStackTrace() declenches par le catch