Frage zur Zeitauswahlsteuerung

Im Projekt wird ein Zeitwähler verwendet, und der aktuelle ist Bootstrap-Datetimepicker. Da die Auswahl auf Minuten und Sekunden genau sein muss, müssen Sie bei Verwendung dieser Komponente zunächst das Datum auswählen, dann das Stundenfeld eingeben, um die Stunde auszuwählen, und schließlich das Minutenfeld eingeben, um die Minuten anzuzeigen. PM findet diese Interaktion schade. Ich möchte also fragen, ob Datetimepicker die Stunden- und Minutenfelder so einstellen kann, dass sie zusammen angezeigt werden, wenn das Tagesfeld angezeigt wird. Oder gibt es andere Komponenten, die meinen Anforderungen entsprechen? Im Anhang finden Sie ein Bild des Datetimepickers, den ich verwende, und ein Bild des idealen Timepickers von PM.

Zuallererst verwende ich jetzt, dass auf einer einzelnen Seite nur der Tag, die Stunde und die Minute angezeigt werden.

Das Bild unten zeigt die ideale Zeitauswahl für PM. Tage und Stunden, Minuten und Sekunden werden in derselben Oberfläche angezeigt

Antwortinhalt:

Im Projekt wird ein Zeitwähler verwendet, und der aktuelle ist Bootstrap-Datetimepicker. Da die Auswahl auf Minuten und Sekunden genau sein muss, müssen Sie bei Verwendung dieser Komponente zunächst das Datum auswählen, dann das Stundenfeld eingeben, um die Stunde auszuwählen, und schließlich das Minutenfeld eingeben, um die Minuten anzuzeigen. PM findet diese Interaktion schade. Ich möchte also fragen, ob Datetimepicker die Stunden- und Minutenfelder so einstellen kann, dass sie zusammen angezeigt werden, wenn das Tagesfeld angezeigt wird. Oder gibt es andere Komponenten, die meinen Anforderungen entsprechen? Im Anhang finden Sie ein Bild des Datetimepickers, den ich verwende, und ein Bild des idealen Timepickers von PM.

Zuallererst verwende ich jetzt, dass auf einer einzelnen Seite nur der Tag, die Stunde und die Minute angezeigt werden.

Das Bild unten zeigt die ideale Zeitauswahl für PM. Tage und Stunden, Minuten und Sekunden werden in derselben Oberfläche angezeigt

https://eonasdan.github.io/bo...

Legen Sie die folgenden Attribute für das Tag fest

<code>data-date-format="yyyy-mm-dd hh:ii:ss"</code>