Qual è il modo più efficiente per popolare un orario (o un intervallo di tempo)?

Question

Sebbene esistano molte soluzioni per inserire le date (come calendari, menu a discesa, ecc.), non sembra che esistano molti modi "standard" per chiedere un'ora (o un intervallo di tempo).

Personalmente ho provato i menu a discesa per i campi dell'ora, dei minuti e dei secondi (e talvolta anche un campo "AM/PM").Ho anche provato diversi dispositivi di input simili a orologi, la maggior parte dei quali sono troppo difficili da usare per l'utente finale tipico.Ho anche provato i menu di selezione dell'ora "a comparsa" (che consentono, ad esempio, di passare il mouse sopra l'ora "10" per ricevere un sottomenu che contiene ":00",":15",":30 ", e ":45") - ma nessuno di questi metodi sembra naturale.

Finora, il metodo migliore (e più universale) che ho trovato è semplicemente utilizzare semplici campi di testo e forzare l'utente a compilare manualmente l'ora, i minuti e i secondi.In alternativa, ho avuto buone esperienze creando qualcosa di simile alla "Visualizzazione giorno" di Outlook che ti consente di trascinare e rilasciare un evento per impostare l'ora di inizio e di fine.

Esiste un "modo migliore" per chiedere queste informazioni?Qualcuno sta utilizzando un qualche tipo di widget di immissione del tempo che sia davvero intuitivo e facile da usare?O esiste almeno un modo più efficiente rispetto all'utilizzo di caselle di testo semplice?­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­

Answer 1

Trovo che l'approccio di Google Calendar sia il migliore.Usa una casella di testo, ma usa JavaScript per renderla una sorta di menu a discesa per scegliere il tuo tempo.È possibile trovare una buona demo per jQuery implementazione qui

Non l'ho ancora implementato sul mio sito quindi non ne sono sicuro al 100%, ma penso che tu abbia bisogno anche del codice di questo plugin jQuery qui:
http://www.texotela.co.uk/code/jquery/timepicker/

Modificare
Il primo collegamento che ho pubblicato non richiede il codice del secondo collegamento.Si basa semplicemente su di esso.Per ottenere il file JavaScript effettivo dall'esempio, puoi visualizzare l'origine della pagina per scoprire dove si trova il file oppure puoi andare direttamente all'URL
http://labs.perifer.se/timedatepicker/jquery.timePicker.js

Answer 2

C'è abbastanza utile inserimento dell'ora strumento per JQuery.Fornisce un approccio di tipo "spinner", oltre a un campo di testo standard.Supporta inoltre l'uso della rotella di scorrimento del mouse per la regolazione (oltre al tradizionale approccio "basta digitarlo") e può essere configurato per limitare a Nanche passi di un minuto, se lo desideri.È abbastanza personalizzabile, supporta la localizzazione e una varietà di altre impostazioni, l'ho usato con successo in un paio di progetti/siti demo.

Answer 3

Sono un grande fan dell'input in linguaggio semplice (c'era un argomento a riguardo l'altro giorno).Mi piace il modo in cui il calendario dello zaino di 37signals ti consente di digitare le cose (08/12 15:00 Incontro con Tom).Mi piace anche il modo in cui gestiscono i tempi con il loro sistema di promemoria (ti danno opzioni come più tardi oggi, domani mattina).