Présentation
Ce plugin est un ajout à la librairie datepicker de spip.
Il est basé sur la librairie http://trentrichardson.com/examples...
Il permet de gérer les dates et/ou les heures sous forme graphique.
Il y ajoute 2 petits boutons « + » et « - » pour incrémenter ou décrémenter la valeur
Ce plugin active les librairies jQuery ui de spip :
- Datepicker
- Slider
- Button
Fonctionnement
Il faut rajouter une class dans le champs input
1- Si l’on veut un champs avec la date et les heures
<input class="datetimepicker" name="dateheure" />
2- Si l’on veut un champs avec seulement les heures
<input class="timepicker" name="heure" />
Il existe une multitude de réglages possibles. toutes les options sont sur le site de l’auteur :
timepicker.zip
RSS 2.0
Vos commentaires
# Le 18 mars à 12:28, par margranger
En réponse à : Time Picker
Bonjour,
juste pour signaler qu’apparemment ce plugin insère du code CSS dans la balise body, ce qui génère des erreurs au validateur W3C. N’y aurait-il pas moyen de passer par #INSERT_HEAD ?
Le message d’erreur :
Le code incriminé :
<style type="text/css">div.time-picker{position:absolute;height:200px;width:4em;overflow:auto;background:#fff;border:1px solid #000;z-index:99998}
div.time-picker-12hours{width:6em}
div.time-picker ul{list-style-type:none;margin:0;padding:0}
div.time-picker li{padding:1px;cursor:pointer}
div.time-picker li.selected{background:#316AC5;color:#fff}
img.ui-datepicker-trigger { display: inline-block; padding: 0; margin: 0px 0 0 -19px; vertical-align: middle; }
div.time-picker {font-size:11px; width:5em; /* needed for IE */}
.formulaire_spip input.date {width:9em;padding-right:25px;}
.formulaire_spip input.heure {width:7em;}
</style>
# Le 19 mars à 10:07, par tofulm
En réponse à : Time Picker
Bonjour,
Le problème n’est pas lié au plugin spip mais au plugin jquery.
Je ne peux rien faire, il faut voir avec l’auteur du plugin timepicker
Répondre à ce message