Kalenderelement per Javascript öffnen

[joerg55]

Hallo zusammen, der HTML-Code

        <label>
            Geben Sie Ihr Geburtsdatum ein: 
            <input type="date" name="geburtsdatum">
        </label>

erzeugt ein drop-down-Eingabefeld. Anklicken des Pfeils öffnet das Standardkalenderelement des Browsers.

Ich möchte dieses Kalenderelement per Javascript (also ohne Eingabefeld) öffnen und die Auswahl in Javascript weiterverwenden.

Weiß jemand für mich, wie es geht?

Gruß Joerg

[Rolf B]

Hallo joerg55,

das HTMLInputElement hat eine Methode showPicker(), die Du aufrufen kannst und die das Date-Dropdown öffnet. Diese Methode hat einen Haken: Du darfst sie nicht in einem iframe verwenden, der einen anderen Origin hat als sein Elterndokument ("cross-origin iframe"). In dem Moment bekommst Du eine SecurityExeption und deshalb kann ich Dir auch kein Fiddle machen, das showPicker zeigt.

Bei jeder Veränderung des ausgewählten Datums wird in input Event ausgelöst, auch wenn das Dropdown noch offen ist. Wird ein Datum bestätigt, so dass das Dropdown schließt, gibt's auch ein change Event.

Das Dropdown alleine, ohne input Element, gibt's nicht im Browser. Dafür brauchst Du irgendeine Lib, die Dir einen Datepicker anbietet.

Rolf

[joerg55]

Ok, schönen Dank. Das hilft auf jeden Fall schon einmal weiter.

Joerg