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

Question

Es gibt zwar viele Lösungen für die Eingabe von Daten (wie Kalender, Dropdown-Menüs usw.), es scheint jedoch nicht so zu sein, dass es zu viele "Standard" -Möglichkeiten für eine Zeit (oder einen Zeitbereich) gibt.

Ich habe persönlich Drop-Down-Menüs für die Stunden, Minuten und Sekunden Felder (und manchmal auch ein "AM/PM" -Feld, wie auch). Ich habe auch einige Clock-ähnliche Eingabegeräte ausprobiert, von denen die meisten für den typischen Endbenutzer zu schwer zu verwenden sind. Ich habe sogar "pop-out" Zeitauswahlmenüs ausprobiert (mit denen man beispielsweise über die Stunde "10" schweben kann, um ein Untermenü zu erhalten, das ": 00", ": 15", ": 30 enthält ", and": 45 ") - aber keine dieser Methoden scheint natürlich.

Bisher ist die beste (und universellste) Methode, die ich gefunden habe, nur einfache Textfelder zu verwenden und einen Benutzer zu zwingen, die Stunde, Minute und Sekunde manuell zu füllen. Alternativ hatte ich gute Erfahrungen damit, etwas zu erstellen, das der "Tagesansicht" von Outlook ähnlich ist, mit der man ein Ereignis ziehen und ablegen kann, um die Start- und Endzeiten festzulegen.

Gibt es einen "besten Weg", um nach diesen Informationen zu fragen? Benutzt jemand irgendeine Art von Zeiteingabe-Widget, das wirklich intuitiv und einfach zu benutzen ist? Oder gibt es zumindest einen Weg, der effizienter ist als die Verwendung einfacher Textfelder?

Answer 1

Ich finde den Ansatz von Google Calendar der Beste zu sein. Verwenden Sie ein Textfeld, aber verwenden Sie JavaScript, um es zu einem Dropdown-Menü für die Auswahl Ihrer Zeit zu machen. Eine gute Demo kann für ein jQuery implementation here

findet ich dies auf meiner Website nicht umgesetzt haben, 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 habe, benötigt den Code des zweiten Links nicht. Es basiert einfach darauf. Um die tatsächliche JavaScript-Datei aus dem Beispiel abzurufen, können Sie die Quelle der Seite anzeigen, um zu ermitteln, wo sich die Datei befindet, oder Sie können direkt zur URL gehen.
http://labs.perifer.se/timedatepicker/jquery.timePicker.js

Answer 2

Es gibt ein ziemlich nützliches time entry Werkzeug für JQuery. Es bietet zusätzlich zu einem Standardtextfeld einen Ansatz vom Typ "Spinner". Es unterstützt auch die Verwendung der Maus Scroll-Rad für die Einstellung (sowie die traditionelle "nur Tipp-in" -Ansatz) und kann so konfiguriert werden, auf -minute Schritte zu beschränken, wenn Sie möchten. Es ist ziemlich anpassbar, unterstützt die Lokalisierung und eine Vielzahl anderer Einstellungen, ich habe es erfolgreich in ein paar Projekten/Demoseiten verwendet.

Answer 3

Ich bin ein großer Fan von einfachen Spracheingabe (es war ein Thema neulich). Ich mag die Art und Weise, 37Signals Rucksack Kalender lassen Sie die Dinge eingeben (08.12 15 Uhr Treffen mit Tom). Mir gefällt auch, wie sie mit ihrem Erinnerungssystem umgehen (sie geben dir Optionen wie später heute, morgen früh).