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

Publié par Jacky dans tuto

Yes ! Merci pour l'astuce, c'est ce qu'il me fallait :) !

Publié par need help dans java

Merci pour cet exemple.
Est ce possible de récupérer le flux video d'une camera ou bien une appareil photo branché par USB.

Merci d'avance.

Publié par Daxentuut dans java

Avec les imports c'est mieux :

import java.awt.AWTException
import java.awt.Robot
import java.awt.event.KeyEvent
import java.io.IOException
import java.util.logging.Level
import...

Publié par Fobec dans tuto

Bonjour,

Sur Fobec.com, nous utilisons mod_expires.c pour envoyer automatiquement un code 304 au navigateur internet.
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType im...

Publié par Elvine dans java

Bonsoir, je voudrais savoir si ce code peut etre utilise avec Netbeans