Das Element input type"time" in 15min Schritten verstellen

worker26
Goto Top
Guten Tag,

ich würde gerne wissen, ob es möglich ist bei einem input Element des Typs "time" die Minuten nur in 15min Schritten zu verstellen. Also es kann nur 7:00, 7:15, 7:30... eingestellt werden können und es sollen auch nur diese angezeigt werden (kein 01, 02,....).
Wenn es mit JavaScript oder PHP realisiert werden könnt wäre das klasse.

Lg Worker

Content-Key: 1200787147

Url: https://administrator.de/contentid/1200787147

Ausgedruckt am: 16.08.2022 um 13:08 Uhr

Mitglied: 149062
Lösung 149062 27.08.2021 aktualisiert um 12:15:05 Uhr
Goto Top
https://jsfiddle.net/g1mdusve/
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step
Mitglied: mbehrens
Lösung mbehrens 27.08.2021 um 12:19:47 Uhr
Goto Top
Zitat von @Worker26:

ich würde gerne wissen, ob es möglich ist bei einem input Element des Typs "time" die Minuten nur in 15min Schritten zu verstellen.

Wie wäre es mit dem Attribut step, wie in der aktuellen Spezifikation beschrieben?
Mitglied: Worker26
Worker26 27.08.2021 um 12:47:16 Uhr
Goto Top
Hallo,

danke für die Antworten face-smile
@149062 das ist ein guter Ansatz, jedoch möchte ich keine extra Buttons haben, bei denen ich klicken muss in 15min Steps, sondern wenn ich das Time Fenster öffne, sollen mir nur 00,15,30 und 45 (im Minutenbereich) angezeigt werden.
Es ist mühselig immer in 15 Minutenschritten durchzuklicken, bis man die Zeit erreicht hat, welche man möchte.
Lg
Mitglied: Worker26
Worker26 27.08.2021 um 12:51:31 Uhr
Goto Top
Habe ich das richtig verstanden, wenn ich step="900" eingebe und ich stelle 07:12 ein, dann wird es auf 07:15 gerundet wenn ich es z.B. in eine Datenbank schreibe?
Lg
Mitglied: Worker26
Worker26 27.08.2021 um 12:57:32 Uhr
Goto Top
Okay, hab es mit step verstanden, es wird dann einfach angezeigt was der nächste gültige Wert ist.
Das ist schon nicht schlecht. So wie ich es mir gedacht habe funktioniert dann wahrscheinlich nicht.
Mitglied: 149062
Lösung 149062 27.08.2021 aktualisiert um 13:21:39 Uhr
Goto Top
Zitat von @Worker26:

Hallo,

danke für die Antworten face-smile
@149062 das ist ein guter Ansatz, jedoch möchte ich keine extra Buttons haben, bei denen ich klicken muss in 15min Steps, sondern wenn ich das Time Fenster öffne, sollen mir nur 00,15,30 und 45 (im Minutenbereich) angezeigt werden.
So ein Auswahl-Fenster hat nicht jeder Browser ... Firefox bspw. nicht das musst du hier auch berücksichtigen ...
Alternativ baust du ein im onChange Event des Input-Felds ein JavaScript ein und rundest dort den Wert auf die nächsten 15 Minuten.
Mitglied: Worker26
Worker26 27.08.2021 um 13:23:45 Uhr
Goto Top
@149062 Okay, dann versuche ich es so. Danke face-smile
Mitglied: 149062
149062 27.08.2021 aktualisiert um 14:11:38 Uhr
Goto Top
Bsp.
Mitglied: wiesi200
wiesi200 27.08.2021 um 14:13:30 Uhr
Goto Top
Hallo,

Zu Not gibt es auch fertige JS Module
https://fengyuanchen.github.io/pickerjs/