l'heure sélecteur jQuery

Question

Je suis à la recherche pour remplir une saisie de texte avec une fois que l'utilisateur peut choisir dans les intervalles de 15 minutes. Je sais qu'il existe quelques plugins. Je me demandais si il y avait un "standard de l'industrie" plugin, ou de fortes raisons objectives à préférer un en particulier dans les scénarios courants.

Answer 1

J'ai trouvé ce plugin (github) l'emporte sur l'autre mentionnés. Il imite Google Agenda timepicker.

Answer 2

J'ai essayé une tonne de timepicker et n'a pas été satisfait, j'ai donc écrit [encore] un autre. Je pense qu'il fonctionne bien. Il est également inspirée de la datepicker de sorte qu'il ressemble standard de jQuery UI choses.

La valeur par défaut par incréments d'une minute à 5 et peut être réglée à 15 dans les options.

http://fgelinas.com/code/timepicker

Answer 3

Mon conseil serait de ne pas le faire. Je trouve ça assez mauvais d'être contraint à utiliser un calendrier de contrôle juste pour saisir une date, surtout lorsqu'il n'est pas donné la possibilité de saisir une date que je peux faire de façon plus rapide que de naviguer encore un autre farfelu de contrôle.

Temps cueilleurs il suffit de prendre ce genre de fétiche de l'INTERFACE utilisateur pour une nouvelle extrême. Pourquoi ne pas permettre à vos utilisateurs d'entrer le temps ou tout simplement utiliser un couple de boîtes déroulantes pour les heures et les minutes. Même les listes déroulantes permettent à un utilisateur à la fois. Le temps de sélecteur dans Shog9 la réponse est très agréable à regarder mais il est incroyablement fastidieux à utiliser. Si j'étais un utilisateur final d'avoir à utiliser une entrée de données d'application et il a eu un contrôle comme ça sur la même page, alors ça va me ralentir et de me faire envie de venir et de couper les mains des développeurs. :)

Pensez à la convivialité d'abord avant de le comment de la nappe de l'app recherche.

Juste mon humble avis.

Answer 4

Ce n'est pas jQuery ... mais je n'ai trouvé qu'une liste déroulante, avec une liste d'une quinzaine de minutes d'intervalles de temps, 8:00, 8:15, 8:30AM, et ainsi de suite, il est extrêmement facile pour l'utilisateur d'interagir avec.

Vous ne savez pas si vous avez vraiment besoin d'un jQuery façon de le faire ... peut-être exagéré. Juste un avis basé sur mon expérience personnelle avec de vrais utilisateurs et le développement d'applications d'entreprise.

Answer 5

Si vous êtes intéressé à utiliser un bon moment et l'analyseur permettant à l'utilisateur d'entrer dans un large éventail de la période de validité des chaînes de caractères (8:00 du matin, 8H, 8a, 8, etc), prendre un coup d'oeil à http://www.datejs.com/.

Voici le code jquery que j'utilise travailler avec elle.

$('.time').blur(function (e) {
    var val = $(this).val();
    if (!isNaN(val))
        // add minutes to numeric value otherwise it will be interpreted as a date
        val = val + ':00'; 
    var dt = Date.parse(val);
    $(this).val(dt.toString('h:mm tt'))
});