Ich habe mehrere Eingaben mit type="date" und möchte die Standard-Datumsauswahl in Microsoft Edge deaktivieren, da ich jQuerys Datumsauswahl verwende. Wie deaktiviere ich das mit CSS oder JavaScript? Es funktioniert gut in Chrome und Firefox, aber nicht Edge. Alle Antworten würden geschätzt.
Ein funktionierendes jsFiddle
HTML
%Vor%JS
%Vor%CSS
%Vor%Der Eingabetyp muss Text und kein Datum sein. Das ...
%Vor%Sollte
sein %Vor% Andernfalls fügen Chrome und Edge einen Datumsauswahl hinzu. Verwenden Sie stattdessen eine Klasse oder ID, um es als Datumsauswahl zu identifizieren, und führen Sie so etwas wie $(".datepicker").datepicker();
In Edge () ist es nicht möglich, die native Steuerfunktion für den Datumsauswahl-Assistenten zu deaktivieren, obwohl Chrome dies kann über einen Hack ) - und trotzdem.
Eingabesteuerelemente basieren, sofern sie nicht vom Browser entworfen werden, im Allgemeinen auf Systemsteuerelementen. Dies bedeutet, dass ein Eingabe-Datums-Picker ein eingegebener Datums-Picker ist und eine select Drop-Down-Liste eine select Dropdown-Liste ist.
Die meisten Steuerelemente sind in der Anpassung beschränkt, abgesehen von grundlegenden Stilen wie Rahmen, Auffüllung und Schriftart und Attributen für HTML-Standards, z. placeholder .
Sie haben ein paar Optionen:
Belassen Sie das Standard-Datumsauswahl-Steuerelement wie es ist
Dies ist die Option, die ich empfehlen werde. Es ist normalerweise die beste Strategie, sich an die Standard-Systemsteuerelemente (+ Styling, wo zutreffend) zu halten. Dies gewährleistet maximale Gerätekompatibilität und Vertrautheit für Ihre Benutzer. Außerdem funktioniert normalerweise alles "einfach".
Es gibt auch weniger Overhead in Ihrem JS-Code.
Böse Option: Browsererkennung
Sie konnten in Ihrem JS-Code erkennen, ob es sich bei dem Browser um Edge handelt, und dann anweisen, das jQuery-Steuerelement stattdessen zu rendern. Sie sollten dies vermeiden, es sei denn, Sie benötigen es wirklich, da die Browser-Erkennung veraltet und ein Wartungs-Albtraum ziemlich schnell wird.
Tags und Links javascript css3 datepicker microsoft-edge html5-input-date