Wie zeige ich in HTML-Inputfeldern vom Typ „date“ und „time“ das aktuelle Datum und die aktuelle Zeit an?

Question

Accepted Answer

In HTML kannst du `input[type="date"]` und `input[type="time"]` nur per JavaScript zuverlässig mit „jetzt“ vorbelegen (das `value`-Attribut muss im passenden Format gesetzt werden).

**Beispiel (lokales Datum + lokale Uhrzeit, beim Laden gesetzt):**
```html

const now = new Date();

// date: YYYY-MM-DD (lokal)
  const yyyy = now.getFullYear();
  const mm = String(now.getMonth() + 1).padStart(2, '0');
  const dd = String(now.getDate()).padStart(2, '0');
  document.getElementById('d').value = `${yyyy}-${mm}-${dd}`;

// time: HH:MM (lokal)
  const hh = String(now.getHours()).padStart(2, '0');
  const min = String(now.getMinutes()).padStart(2, '0');
  document.getElementById('t').value = `${hh}:${min}`;

```

Hinweise:
- `type="date"` erwartet exakt `YYYY-MM-DD`.
- `type="time"` erwartet `HH:MM` (oder mit Sekunden `HH:MM:SS`); mit `step="1"` kannst du Sekunden erlauben.

Wie zeige ich in HTML-Inputfeldern vom Typ „date“ und „time“ das aktuelle Datum und die aktuelle Zeit an?

Verwandte Fragen

Was bedeutet diese Excel-Formel?