05
AOUT

glDatePicker - Un date picker jQuery léger et personnalisable

Publié le 05/08/11 à 10h15 par Ouark

glDatePicker est un plugin jQuery permettant d'ajouter un widget calendrier léger et personnalisable.

Widget Javascript

 

Plugin léger, il pèse juste 3,5KB en version compressé, glDatePicker permettra d'améliorer la saisie des dates dans vos formulaires.

Parmis ses principales fonctionnalités :

  • Restrictions de plages de dates autorisées
  • Restrictions de plages de dates à partir d'une date sur les N jours la suivant
  • Navigation inter-mois pouvant être désactivés
  • Personnalisation des styles pour chaque widget d'une même page
  • Personnalisation du format de date de sortie (dd/mm/YYYY, YYYY-mm-dd,…)

 

Site officiel

Baraguiné par vicus le 05/08/11 à 14h42
vicus via Twitter
Quels avantages par rapport au datepicker de Jquery UI ?
Baraguiné par Ouark le 05/08/11 à 16h33
Ouark sur La Ferme du Web
Plus light, si on a besoin que d'un picker date plutot que d'avoir à charger jQuery UI.
Baraguiné par le 05/08/11 à 16h43
faux on est pas obligé de tout chargé le jquery ui pour avoir le datepicker
Baraguiné par yotsumi le 06/08/11 à 21h43
yotsumi sur La Ferme du Web
Correction : tout le COEUR de jqueryUI, soit 40 ko (c'est peu, mais c'est 36.5ko de plus que ce plugin)
Baraguiné par le 07/08/11 à 19h56
Parfait j'avais déjà bidouiller le datepicker pour les restrictions de plages

si j'avais vu ça avant :/
Baraguiné par tsunamichups le 09/08/11 à 16h34
tsunamichups sur La Ferme du Web
Interessant
Maintenant il faut voir su modifier le style n'est pas trop complexe
Baraguiné par le 12/08/11 à 09h47
Bien mais ... si vous selectionnez une date au format yyyy-mm-dd pour l'année n 1 la date n'est pas bonne, le 2012-02-01 devient : 2010-1-1 plustot genant :X
Baraguiné par le 12/08/11 à 10h30
Problème résolu :

onChange: function(target, newDate)
{
target.val
(
newDate.getFullYear() "-"
(newDate.getMonth() 1) "-"
newDate.getDate()
);
}

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web