it-swarm.com.de

Datums- und Zeitsteuerung für Zeitreihenfilter

Benutzer unserer Web-App (nicht mobil, d. H. Maus-Benutzeroberfläche) führen viele Abfragen in verschiedenen Listen von Zeitreihenwerten durch. Ein Teil jeder Abfrage besteht aus "von" und "bis" Zeitstempeln, wodurch der Wertebereich für eine Abfrage begrenzt wird. Jede dieser Grenzen kann weggelassen werden.

Normalerweise sind Benutzer beim Filtern nach Zeitstempel an Daten interessiert (d. H. Nicht feiner als Tage). aber manchmal - relativ oft wollen sie tatsächlich bestimmte Stunden, Minuten oder sogar Sekunden einstellen.

Jetzt verwenden wir die HTML-Datumsauswahlsteuerung für das Datum zusammen mit drei numerischen Eingaben für die Zeit - was ziemlich hässlich ist. Gibt es eine elegantere Lösung? Gibt es Referenzen, die ich als Inspiration ansehen kann? Nehmen wir an, wir sind bereit, alles zu codieren, was in JS vernünftigerweise machbar ist - solange es den Gewinn an Benutzerfreundlichkeit wert ist.

Hier ist ein naives Beispiel für eine synthetische Abfrage, um das Problem zu veranschaulichen (Hinweis: nicht genau die tatsächliche Benutzeroberfläche) :

Berechnen Sie eine Summe der Zähler über die Zeit :

  • Von: () Beginn | () [Datum] [Stunden] [Minuten] [Sekunden]
  • Bis: () Ende | () [Datum] [Stunden] [Minuten] [Sekunden]
  • Zähler: () Beliebig | () [Größer als] [Numerische Eingabe]

Daten :

 '2012.02.27 10:00:00', 10 
 '2012.02.27 10:00:01', 15 
 '2012.02.27 12:07:21', 0 
1

Vielleicht möchten Sie nach "Timepicker" suchen.

Es gibt ein Beispiel hier , das eine Zeitauswahl und eine Datumsauswahl in demselben Steuerelement kombiniert:

example time picker

Wenn Sie hier auf das Textfeld klicken, wird die Auswahl angezeigt und die Zeit wird durch die Schieberegler am unteren Rand des Popups gesteuert.

Diese Seite verfügt über eine interaktivere Auswahl, in der die Stunden und Minuten angezeigt werden, wenn Sie über die Elemente fahren:

another example time picker

3
ChrisF