SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

288 Plugins, 197 contribs sur SPIP-Zone, 192 visiteurs en ce moment

Accueil > Dates, calendriers et agendas > Time Picker > Time Picker

Time Picker

17 septembre 2012 – par tofulm – commentaires

2 votes

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 :

Dernière modification de cette page le 17 septembre 2012

Retour en haut de la page

Vos commentaires

  • Le 18 mars 2013 à 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 :

    document type does not allow element « style » here
    <style type="text/css">
    The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements — such as a « style » element in the « body » section instead of inside « head » — or two elements that overlap (which is not allowed).

    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>

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • cibc : bannière d’avertissement pour les cookies

    28 octobre 2014 – 55 commentaires

    L’objectif de ce plugin est d’informer l’utilisateur et de recueillir son consentement (ou son refus) sur l’utilisation par le site de cookies de mesure d’audience, de publicité ciblée ou de réseaux sociaux. Les objectifs de ce plugin Le premier (...)

  • SPIP-Bible

    25 janvier 2010 – 90 commentaires

    Permet de citer rapidement des extraits de la Bible en utilisant un modèle dans le texte d’un article.

  • Pour un fonctionnement communautaire efficace dans la communauté SPIP

    24 mai – commentaires

    Où l’on propose de tester des nouvelles façons de prendre des décisions et d’avancer collectivement sur des projets SPIP, de manière transparente, en impliquant la communauté, et en étant plus accueillants pour les nouvelles personnes. Tout ça dans la (...)

  • Mailshot

    16 janvier 2013 – 258 commentaires

    Ce plugin prend en charge l’envoi en nombre d’info-lettres par email. Mailshot permet l’envoi en nombre d’emails au moyen d’un SMTP (ou d’un service externe) dédié à cet effet. Il permet de limiter la cadence d’envoi. Enfin, ce plugin implémente la (...)

  • Configurer Mailjet

    25 avril 2016 – 11 commentaires

    N’hésitez pas à relire le préambule de cette rubrique avant de créer un compte sur une plateforme tierce . Après avoir créé votre compte Étape 1 : Ajouter votre domaine Aller sur la page : https://app.mailjet.com/account/domain Suivre les (...)

Ça spipe par là