2016-08-10 11 views
0
<input type="date"></input> 

Wenn Sie dies in HTML ausführen, erhalten Sie ein Eingabeelement, an das ein Kalender-Widget angehängt ist. Gibt es eine Möglichkeit, das Widget zu ändern? Wenn nicht, gibt es eine Möglichkeit, die Farbe zu ändern?Wie änderst du den Kalender?

Antwort

1

Wenn Sie versuchen, nur mit HTML zu arbeiten, wird es in den verschiedenen Browsern variieren. Probieren Sie einfach einige Browser aus.

Eine Lösung wird ein Plugin wie https://jqueryui.com/datepicker/ jquery datepicker verwenden. Es gibt viele kostenlos, google für Kalender-Plugins für HTML oder JS.

+0

Danke, das funktioniert. –

0

Der Kalendereingang auf dem <input type="date"></input> ist browserspezifisch, Styling wird dafür nicht besonders gut unterstützt.

::-webkit-datetime-edit 
::-webkit-datetime-edit-fields-wrapper 
::-webkit-datetime-edit-text 
::-webkit-datetime-edit-month-field 
::-webkit-datetime-edit-day-field 
::-webkit-datetime-edit-year-field 
::-webkit-inner-spin-button 
::-webkit-calendar-picker-indicator 

Eine robustere Lösung Cross-Browser so etwas wie JQuery UI Datepicker wäre zu verwenden: Das WebKit Datumsauswahl (die ich nehme an, Sie beziehen sich auf) kann mit den folgenden pesudo-Elemente gestylt werden https://jqueryui.com/datepicker/

Verwandte Themen