Ich muss in der Lage sein, den Fokus auf den Stundenanteil eines datetime-lokalen Eingabesteuerelements zu setzen.gibt es eine Möglichkeit, sich auf eine bestimmte Einheit innerhalb eines datetime-lokalen Eingabesteuerelements zu konzentrieren
<input type="datetime-local" />
Die Lösung muss auch verschiedene Datums-Zeitformate zu handhaben zu können - was ich zur Zeit an den Browser verlasse, um zu entscheiden.
Also das
wird
Soweit ich weiß, gibt es keine Möglichkeit auf die Stunde eines Datum-lokalen Bereich zu konzentrieren. Tatsächlich wird das Datum/Uhrzeit-lokale Feld noch nicht einmal von allen Browsern unterstützt. Sie können datetime-local in Firefox und IE nicht verwenden. Sie können IE ignorieren, aber wenn Firefox auch auf der Liste ist, sollten Sie besser darüber nachdenken, ob Sie auf datetime-local setzen sollten.
Wenn Sie das normale Javascript datetime-picker-Plugin verwenden, können Sie versuchen, sich auf die Stundenposition zu konzentrieren, indem Sie die Methode setSelectionRange() verwenden, die von vanilla javascript bereitgestellt wird.
Zum Beispiel, wenn Sie ein Datum Eingabefeld in einem div mit der ID startdate haben, mit dem richtigen Datum-Zeit-Format-Set, können Sie tun, indem Sie:
var startDateBox = $("#startDate input")[0];
startDateBox.setSelectionRange(11, 13);
startDateBox.focus();
Jeder Browser rendert Eingabeelemente auf ihre eigene Art und der Großteil der Formatierung/des Layouts, die Sie visuell sehen, erfolgt über den Code des Browsers. Offensichtlich können Sie immer noch mit diesen Elementen interagieren, aber nur mit den nativen Befehlen, die Sie gewohnt sind (Fokus, Maus, Maus, usw.).
Es scheint, dass es möglich sein sollte, den gleichen Zustand wie bei Benutzerinteraktion wiederherzustellen, aber dieses Zeug ist in jedem einzelnen Browser-Code vergraben.
Ich denke, Ihre beste Wette wäre, in die breite Palette von JS Date Picker, die bereits da draußen sind zu sehen und zu sehen, wenn eine Übereinstimmung mit Ihren Anforderungen, wenn nicht am nächsten zu einer Lösung Sie finden, ist Ihre zu erstellen selbst mit einem bisschen klug Styling durch das Datetime-Eingabefeld
<input type="datetime-local" style="display:none" />
<div class="custom-datetime-local">
<span class="day">dd</span>/
<span class="month">mm</span>/
<span class="year">yyyy</span>
<span class="hour">--</span>:
<span class="minute">--</span>
</div>