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

Publié par math dans java

Salut, quelle est la modification a faire pour pouvoir utiliser une webcam usb qui n'est pas une logitech?

Publié par Djrac dans tuto

Bjr.
J'ai essaye ce code mais en cliquant sur f5 il me donne un autre temps d'execution malgre qu'il s'agit du meme page PHP. Je comprends pas ou il est le probleme.
Merci de m...

Publié par Fobec dans tuto

Je ne maitrise pas du tout WordPress ...
un plugin a l'air sympa http://wordpress.org/extend/plugins/scripts-gzip/, en parcourant le code source, j'ai vu des pistes pour integrer Gzip sous WordPre...

Publié par snoop dans java

simple, rapide et effectif du premier coup.
Merci!

Publié par claude77 dans tuto

Super application, fonctionne bien
exemple sur une image