+1 +Step

[Rolf B]

Hallo Raketenwilli,

TL;DR: input type="time" ist nur eingeschränkt brauchbar.

Die Anzeige AM/PM verdeutlicht, dass es Zeitstempel in hh:mm sind.

Ob AM/PM erscheint, hängt vom locale des Betriebssystems ab. Sagt MDN. D.h. wenn man von seinem Brauser ein AM/PM gezeigt bekommt und das ändern will, sollte man seinem Betriebssystem sagen, dass man gerne ein 24h Zeitformat möchte.

Das Verhalten ändert sich dramatisch, wenn man man den Step setzt:

Das Control ist so definiert, dass es Sekunden zeigt, wenn es eine Zeitvorgabe mit Sekunden bekommt. Sagt MDN. Mein verChrometes Experiment sagt: Die Sekundenagabe darf nicht 0 sein. Oder man muss eine Step-Angabe machen, die nicht durch 60 teilbar ist.

Step wirkt - bei mir - nur beim Pfeil-Auf/Ab Tippen im zugeklappten Picker. Im Picker kann ich alles auswählen und es findet sich auch im Value wieder. Aber wenn man das dann aus einem Form submitten will, kommt die Validation API hoch und mault rum.

Wenn Dir .valueAsNumber nicht schmeckt, dann nimm .valueAsDate. Das liefert Dir ein Date-Objekt mit getMinutes() und getSeconds().

Eine reine mm:ss Ansicht wird von HTML nicht nativ unterstützt, wenn ich das richtig sehe.

Rolf