feat: Funktionalität des Datumsauswählers zum Eingabefeld hinzufügen
- Einen Datumsauswähler implementiert, der beim Fokussieren des Eingabefeldes und beim Klicken auf das Kalendersymbol geöffnet wird. - Sicherstellt, dass das Eingabefeld keine manuelle Dateneingabe zulässt, während der Kalender weiterhin angezeigt werden kann. - Das `onkeydown`-Ereignis verwendet, um manuelle Eingaben zu verhindern und die Datenauswahl ausschließlich über den Datumsauswähler zu ermöglichen.
This commit is contained in:
@@ -130,7 +130,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<span class="input-group-text">Gültig bis</span>
|
<span class="input-group-text">Gültig bis</span>
|
||||||
<input type="date" name="expiration" class="form-control" id="readonly-date-valid"
|
<input type="date" name="expiration" class="form-control" lang="de" id="readonly-date-valid" onkeydown="return false;" onclick="this.showPicker()"
|
||||||
min="@DateTime.Today.AddDays(1).ToString("yyyy-MM-dd")"
|
min="@DateTime.Today.AddDays(1).ToString("yyyy-MM-dd")"
|
||||||
max="@DateTime.Today.AddDays(90).ToString("yyyy-MM-dd")"
|
max="@DateTime.Today.AddDays(90).ToString("yyyy-MM-dd")"
|
||||||
value="@DateTime.Today.AddDays(7).ToString("yyyy-MM-dd")">
|
value="@DateTime.Today.AddDays(7).ToString("yyyy-MM-dd")">
|
||||||
|
|||||||
Reference in New Issue
Block a user