jQuery Time Picker [geschlossen]

Ich möchte eine Texteingabe mit einer Zeit füllen, die der Benutzer in Intervallen von 15 Minuten auswählen kann. Ich weiß, dass es da draußen ein paar Plugins gibt. Ich habe mich gefragt, ob es ein "Industriestandard" -Plugin oder starke objektive Gründe gibt, in bestimmten Szenarien ein bestimmtes zu bevorzugen.

Ich fand, dass dieses Plugin ( Github-Repository ) das andere erwähnte übertrifft . Es ahmt den Zeitmesser von Google Kalender nach.

Ich habe eine Menge Zeitmesser ausprobiert und war nicht zufrieden, also habe ich [noch] einen anderen geschrieben. Ich denke es funktioniert gut. Außerdem ist es vom Datepicker inspiriert, sodass es wie Standard-jQuery-UI-Inhalte aussieht.

Die Standardminuteninkremente liegen bei 5 und können in den Optionen auf 15 eingestellt werden.

http://fgelinas.com/code/timepicker

Mein Rat wäre, dies nicht zu tun. Ich finde es schon schlimm genug, gezwungen zu sein, ein Kalendersteuerelement zu verwenden, um nur ein Datum einzugeben, insbesondere wenn ich nicht die Möglichkeit habe, ein Datum einzugeben, was ich viel schneller tun kann, als durch ein weiteres verrücktes Steuerelement zu navigieren.

Time Picker bringen diese Art von UI-Fetisch auf ein neues Extrem. Erlauben Sie Ihren Benutzern, entweder die Uhrzeit einzugeben oder nur ein paar Dropdown-Felder für Stunden und Minuten zu verwenden. Selbst Dropdown-Listen ermöglichen es einem Benutzer, nur die Zeit einzugeben. Der Zeitmesser in Shog9s Antwort ist alles sehr schön anzusehen, aber unglaublich umständlich zu bedienen. Wenn ich ein Endbenutzer war, der eine Dateneingabe-App verwenden musste und eine solche Steuerung auf der Seite hatte, wird dies mich nur verlangsamen und mich dazu bringen, die Hände der Entwickler abzuschneiden. :) :)

Denken Sie zuerst über die Benutzerfreundlichkeit nach, bevor Sie sehen, wie schick die App aussieht.

Nur meine bescheidene Meinung.

Es ist nicht jQuery ... aber ich habe festgestellt, dass ein Dropdown-Menü mit einer Liste von Zeitintervallen von 15 Minuten, 8:00 Uhr, 8:15 Uhr, 8:30 Uhr usw. für den Benutzer äußerst einfach zu interagieren ist.

Ich bin mir nicht sicher, ob Sie wirklich eine jQuery-Methode benötigen ... dies könnte übertrieben sein. Nur eine Meinung, die auf meiner persönlichen Erfahrung mit echten Benutzern und der Entwicklung von Geschäftsanwendungen basiert .

Wenn Sie daran interessiert sind, einen guten Zeitparser zu verwenden und dem Benutzer die Eingabe einer Vielzahl gültiger Zeitzeichenfolgen (8:00 Uhr, 8:00 Uhr, 8:00 Uhr, 08:00 Uhr usw.) zu ermöglichen, besuchen Sie http: //www.datejs .com / .

Hier ist der Abfragecode, mit dem ich arbeite.

$('.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'))
});

Ich denke, jede Antwort außer der von Kev ist subjektiv. Ich habe Zehntel der Time-Picker-JQuery-Plug-Ins im Internet gesehen, und die meisten waren nutzlose, zeitaufwändige Gimmicks. Wenn Sie jedoch bereits den Standard-Jquery-Datepicker verwenden, ist dieses Plug-In geeignet.

Schauen Sie sich Maxime Haineaults jQuery.timepicker an . Ziemlich cool, IMHO ...

Das beste, das ich je benutzt habe, ist das von Telerik.

http://demos.telerik.com/aspnet-ajax/calendar/examples/datetimepicker/overview/defaultcs.aspx

Es ist unauffällig, wenn der Benutzer nur die Uhrzeit eingibt oder auf das Uhrensymbol klickt, um aus einer Liste auszuwählen. Grundsätzlich nur eine ästhetisch ansprechendere Methode zur Verwendung bearbeitbarer Dropdowns.

Probieren Sie diese großartige Bibliothek aus - http://code.google.com/p/mobiscroll/

Demo - http://demo.mobiscroll.com/

Hier ist mein Versuch zu diesem Thema: http://yoka.github.com/jquery-timeselect/

Ich habe die Timepicker-Bibliothek von Trent Richardson verwendet und fand sie großartig. Es ist auch sehr beliebt, gemessen an der Anzahl der Downloads.

Ich habe eines geschrieben, das auf dem von Jim erwähnten Plugin basiert (funktioniert wie Google Kalender Time Picker), aber es funktioniert mit jquery ui autocomplete. Es ist viel stabiler als das oben erwähnte Plugin. Ich hatte Probleme damit, mich auf der Seite zu positionieren. Das Plugin verwendet ein Array, einen Zeitbereich und Intervalle oder eine Ajax-Quelle ... damit Sie es nach Herzenslust anpassen können.

Obwohl es keinen Standard gibt, habe ich ein jQuery-Plugin von Keith Wood verwendet . Im Gegensatz zu einigen anderen wird dies zu einem Textfeld (das Sie noch eingeben können, während Sie noch eine Validierung durchführen) und kann auch mit einer Maus verwendet werden, wenn Sie dazu neigen.

Meine Situation war etwas anders, ich brauchte eine Datums- und Uhrzeitauswahl, konnte aber auch keine finden. Also habe ich beschlossen, einen zu schreiben. Die vollständige Quelle finden Sie hier ; Ich habe auch eine kurze Demo gepostet .

Ich konnte kein Plugin finden, das das tat, was ich wollte (dh mehrspaltige automatische Vervollständigung kombiniert mit zeitlicher Eingabemaskierung), also schrieb ich MenuOptions

Wie es aussieht

Das AJAX-Kalender-Widget Any + Time ™ DatePicker / TimePicker ermöglicht die Zeitauswahl , die bei Verwendung der Maus ungefähr so ​​schnell wie das Eingeben von Hand ist, aber den zusätzlichen Vorteil der Fehlervermeidung bietet. Die Zeit kann beliebig formatiert werden. Es unterstützt auch die Tastaturmanipulation, obwohl der Tastaturzugriff zwar nicht so schnell ist wie die Maus oder das Tippen ... aber auch hier wird garantiert, dass der Wert im erforderlichen Format vorliegt. Es ist auch einfach anzupassen und kann auch Daten verarbeiten.