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

Publié par Oscar dans java

Je vous remercie pour ce tuto il ma permis non seulement de gerer les couleurs dans les cellules mais aussi de positionner son contenu texte.

Publié par Quentin dans tuto

Merci pour ces petits codes java script qui me sont d'un grand secours pour mon TP :)

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 JMC dans logiciel

L'adresse donnée est celle du provider et non celle de l'utilisateur apparemment, il me localise a Braine l'Alleud et je me trouve à Huy ?
Sinon génial qui en est l'auteur ?
Cordia...

Publié par vieux dans CMS

et comment ce le procurent ton ?