SPIP-Contrib

SPIP-Contrib

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

289 Plugins, 197 contribs sur SPIP-Zone, 68 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 1er juin 2017

Retour en haut de la page

Vos commentaires

  • Le 1er juin 2017 à 11:14, par Keny972 En réponse à : Time Picker

    Bonjour,

    ce plugin est-il compatible avec spip 3.1 ? parce qu’a priori cela ne fonctionne pas.

    Cdt

    • Le 1er juin 2017 à 11:16, par tofulm En réponse à : Time Picker

      Il me semble que Oui, mais il faut que je vérifie

      Quelle est ton erreur ?

    • Le 1er juin 2017 à 11:42, par Keny972 En réponse à : Time Picker

      le plugin est activé - dans mon formulaire pour l’input concerné j’ai mis la classe datetimepicker (ou timepicker pour un autre). Par contre lorsque je clique sur le champ, il agit comme n’importe quel input text

      je ne suis pas sûre de l’erreur commise, et comme il s’agit de site intranet, je ne peux pas partager l’url.

    • Le 1er juin 2017 à 11:45, par tofulm En réponse à : Time Picker

      As tu une erreur dans firebug ?
      (si tu cliques sur F12 sous firefox, puis onglet : console)

    • Le 1er juin 2017 à 11:56, par Keny972 En réponse à : Time Picker

      non aucune erreur.

    • Le 1er juin 2017 à 12:04, par tofulm En réponse à : Time Picker

      Cela veut certainement dire que le script js du plugin n’est pas chargé.

      Je viens de tester chez moi, ca fonctionne,
      avec dans ma page :

      1. <input class="datetimepicker" name="dateheure"  />

    Répondre à ce message

  • 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

  • Plugin Image Cliquable

    8 mars 2007 – 93 commentaires

    Ce plugin permet aux rédacteurs d’associer des zones de clic aux images qu’ils ajoutent dans les textes Description Ce plugin est basé sur l’utilisation des modèles SPIP et permet d’ajouter une nouvelle classe sur les images insérées dans le corps (...)

  • Convertir un site SPIP 3 en utf-8 avec le plugin Grenier

    8 janvier 2014 – 21 commentaires

    SPIP 3 fonctionne nativement avec l’encodage universel unicode utf-8. Sur certains sites (par exemple sur une mise à jour), on peut avoir un site qui est resté en iso-latin ce qui n’est pas conseillé (source de bugs, d’incompatibilité, ...) . (...)

  • Twitter

    17 juin 2013 – 88 commentaires

    Un plugin qui facilite l’intégration de Twitter dans un site SPIP et permet : d’envoyer facilement des messages avec un ou plusieurs comptes Twitter d’afficher des Widgets standards dans le site public (qui respectent la vie privée des visiteurs) (...)

  • Story (HTML5UP)

    17 mai – 11 commentaires

    Squelette SPIP "onepage" pour intégrer le thème Story de HTML5UP https://html5up.net/story Ce squelette permet de réaliser très simplement des sites de type "one page" sans toucher une ligne de code. Site de démonstration Installation A (...)

  • Le Couteau Suisse

    4 mai 2007 – 1848 commentaires

    Ce plugin propose d’introduire facilement de simples fonctionnalités supplémentaires à SPIP et qui s’avèrent rapidement indispensables ! Par exemple : le contrôle de nombreuses variables « cachées » de SPIP, des améliorations ou facilités typographiques, (...)