IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

liste des heures par step d'une demi heure


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de Emmanuel Lecoester
    Profil pro
    Inscrit en
    Février 2003
    Messages
    1 493
    Détails du profil
    Informations personnelles :
    Âge : 49
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Février 2003
    Messages : 1 493
    Par défaut liste des heures par step d'une demi heure
    Bonsoir,

    Ce n'est pas trop une question jQuery pur mais vu que je fais tout en jquery

    Pour la saisie d'un évènement j'ai besoin de saisir l'heure.
    Bien souvent les heures sont pleines ou à la demi heure près.

    J'ai donc pensé à une Select List alimenté comme suit dans un script PHP :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    $options = array();
    foreach (range(0,23) as $fullhour) {   
       $options[] = JHTML::_('select.option', $fullhour.":00", $fullhour.":00");
       $options[] = JHTML::_('select.option', $fullhour.":30", $fullhour.":30");   
    }
    $dropdownTime = JHTML::_('select.genericlist', $options, 'AEFC-eventToUpdate-time', 'class="inputbox"', 'value', 'text', $default);
    J'ai donc une Select List avec un id = #AEFC-eventToUpdate-time

    sauf que des fois les heures ne sont pas en :00 ou en :30.

    Quel moyen utiliseriez-vous pour avoir une zone texte au format heure et si on clique dessus affichage de cette select list ? Celà simplement avec un jeu de $(#AEFC-eventToUpdate-time).show() sur le clic dans la zone ? si oui comment faire le .hide ?

    Merci beaucoup

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Vu que tu es en JQuery, il existe un addon pour le Datepicker UI qui permet de définir le pas de selection pour les minutes.
    http://trentrichardson.com/2010/04/1...ui-datepicker/
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre Expert
    Avatar de Emmanuel Lecoester
    Profil pro
    Inscrit en
    Février 2003
    Messages
    1 493
    Détails du profil
    Informations personnelles :
    Âge : 49
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Février 2003
    Messages : 1 493
    Par défaut
    Merci Spacefrog, ben en fait c'est pas tip top même si çà fonctionne très bien.

    Tu pilotes les minutes avec un slider mais au final c'est compliqué pour l'utilisateur.

  4. #4
    Membre Expert
    Avatar de Emmanuel Lecoester
    Profil pro
    Inscrit en
    Février 2003
    Messages
    1 493
    Détails du profil
    Informations personnelles :
    Âge : 49
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Février 2003
    Messages : 1 493
    Par défaut
    J'ai trouvé ma solution ici : http://jonthornton.github.io/jquery-timepicker/

    Pas mal car (et surtout) compatible avec les derniers version de jquery. Je n'ai pas l'erreur $.browser not defined

  5. #5
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Les plugins sont nombreux et très divers, difficile de ne pas y trouver son bonheur : http://www.jquery4u.com/plugins/10-j...icker-plugins/.

    Dans le style très détaillé, j'ai une petite préférence pour : http://www.ama3.com/anytime/.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 3
    Dernier message: 14/06/2021, 12h00
  2. Liste des dates se trouvant dans une période
    Par mooh91 dans le forum Access
    Réponses: 1
    Dernier message: 17/09/2006, 00h46
  3. Creer des user par code dans une base de donnees Interbase
    Par dachir dans le forum Bases de données
    Réponses: 2
    Dernier message: 16/07/2006, 14h55
  4. SNMP: afficher directement la liste des MAC par port
    Par muski dans le forum Développement
    Réponses: 2
    Dernier message: 27/06/2006, 20h55
  5. liste des tables par base
    Par rupert dans le forum MS SQL Server
    Réponses: 3
    Dernier message: 03/05/2004, 09h38

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo