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 2357 fois
Public
Internaute
Auteur de la publication
Fobec
Admin
Auteur de 261 articles
|BIO_PSEUDO|
Commentaires récents

Publié par pidjey dans php5

J'ai bien lu mais c'est vraiment trop fort et trop dur pour le moment, je sais pas vraiment comprendre vos syntaxes, elles sont enormes et moi, je ne suis qu'encore un debutant en PHP et il faudrait p...

Publié par fffffff dans CMS

tesffff

Publié par habib dans CMS

je veu cree des applications base de donnee comme gestion park reforme du materielle les unites materielle entree sortie inventaire aidez moi email bettaharhabib1966@yahoo.fr <br>tel 0557187557...

Publié par MeepMeep dans tuto

Attention, un petit correctif a apporter :
headerContent-type: $header_contenttype charset: UTF-8
Remplacer charset: UTF-8 par charsetUTF-8
La difference est subtile mais susceptible d'etre m...

Publié par web agency cms Typo3 dans tuto

De nombreux articles sur le web parlent des CMS (Content Management System) et tentent de lister les meilleurs d'entres-eux.
Mais très souvent, sauf quelques rares libres blancs, ces article...