Was ist der effizienteste Weg, um eine Zeit (oder Zeitbereich) zu füllen?

Question

Während viele Lösungen für die Eingabe von Terminen bestehen (wie Kalender, Drop-Down-Menüs, etc.), es scheint nicht, wie es zu viele „Standard“ sind Möglichkeiten für eine Zeit (oder Zeitbereich) zu fragen.

Ich habe persönlich versucht, Drop-Down-Menüs für die Stunde, Minute und Sekunde Felder (und manchmal auch ein „AM / PM“ Feld, als auch). Ich habe auch mehr Takte wie Eingabegeräte, von denen die meisten sind zu schwer zu benutzen für den typischen Endbenutzer versucht. Ich habe sogar „pop-out“ -Zeit Auswahlmenüs versucht (mit denen Sie zum Beispiel, schweben über die Stunde „10“ ein Untermenü zu empfangen, die enthalten „: 00“, „15“, "30 “und‚: 45‘) - aber keine dieser Methoden scheinen natürliche

Bisher war die beste (und universellsten) Methode, die ich gefunden habe, ist nur einfache Textfelder verwendet und einen Benutzer zwingen manuell die Stunde, die Minute zu füllen und Sekunde. Alternativ habe ich gute Erfahrungen gemacht etwas ähnliches wie Outlook „Tag View“ zu schaffen, die Sie ein Ereignis ziehen können und Drop die Start- und Endzeiten zu setzen.

Gibt es einen „besten Weg“ für diese Informationen zu fragen? Ist jemand irgendeine Art von Zeit-Eingabe-Widgets verwenden, das ist wirklich intuitiv und leicht zu bedienen? Oder gibt es zumindest eine Art und Weise, die effizienter ist als Klartextfelder?

Answer 1

Ich finde Ansatz von Google Kalender der Beste zu sein. Verwenden Sie ein Textfeld, aber verwenden JavaScript, um eine Art von Drop-down für Ihre Zeit Kommissionierung. Eine gute Demo kann für eine jQuery Implementierung hier

finden

Ich habe das nicht auf meiner Website implementiert doch so bin ich nicht 100% sicher, aber ich denke, Sie auch Code aus dieser jQuery-Plugin brauchen hier:
http://www.texotela.co.uk/code/jquery/timepicker/

Bearbeiten
Der erste Link, den ich gepostet erfordert nicht den Code der zweiten Verbindung. Es wird einfach aus der es basiert. Um die tatsächliche JavaScript-Datei aus dem Beispiel zu erhalten, können Sie die Quelle der Seite sehen zu finden, wo die Datei ist, oder können Sie auf die URL direkt
http://labs.perifer.se/timedatepicker/jquery.timePicker.js

Answer 2

Es gibt eine ziemlich nützliche Zeiteintrag Werkzeug für JQuery. Es bietet einen ‚Spinner‘ Typen Ansatz, zusätzlich zu einem Standard-Textfeld ein. Es unterstützt auch die Verwendung der Maus Scroll-Rad zur Einstellung (wie auch die traditionellen ‚geben Sie es einfach in‘ -Ansatz) und kann so konfiguriert werden, um zu beschränken n Fahr Schritte auch, wenn Sie mögen. Es ist ziemlich anpassbar, unterstützt die Lokalisierung und eine Vielzahl von anderen Einstellungen, ich habe es erfolgreich in ein paar Projekte / Demo-Sites verwendet haben.

Answer 3

Ich bin ein großer Fan von Klartext-Eingang (es war es ein Thema, den anderen Tag). Ich mag die Art und Weise 37signals Rucksack Kalender lassen Sie geben die Dinge in (12.08 03.00 Treffen mit tom). Ich mag auch die Art, wie sie mal mit ihrem Erinnerungssystem handhaben (sie geben Ihnen Optionen wie später heute, morgen früh).