Ich entwickle ein Plugin und in der Admin, wo ich ein Feld, das von Benutzern mit einem Datum ausgefüllt ist. Ich frage mich, ob es in der WP Admin I, die verfügbar ist, einen nativen Datapicker gibt.
Normalerweise füge ich ein kleines jQuery-datepicker-Skript hinzu, aber wenn es bereits verfügbar ist, würde ich das aus offensichtlichen Gründen wie leichterem Code, UI-Konsistenz usw. bevorzugen. Das scheint etwas zu sein, das enthalten sein sollte, aber ich ' Ich bin nicht in der Lage, eine solche Dokumentation darüber zu finden, welche jQuery-Sachen, wenn überhaupt, im Admin verfügbar sind.
Ja. Wordpress beinhaltet dies im Kern. Hier sind ein paar Artikel darüber:
WP-Codex: Funktionsreferenz / wp enqueue-Skript
Paul Underwoods Iris Color Picker Tutorial ( Die gleichen Prinzipien gelten für Datepicker)
Die Antwort wurde bereits gegeben, aber ich möchte sie ein wenig auf CSS ausweiten (Wordpress stellt keine Stylesheets für jQuery UI bereit), um jedem zu helfen, der versucht, diese Art von Skripten zu verwenden.
Grundsätzlich (und sehr einfach) müssen Sie mindestens diese drei Codezeilen haben:
%Vor%Erläuterung zeilenweise:
jquery-ui (Ich habe den von Google gehosteten verwendet, den Sie verwenden können, was immer Sie bevorzugen) Und jetzt sind deine Datepickers alle schön und bunt! :)
HTML5-Geschenk
Dies ist nicht das, wonach das OP gefragt hat, aber es hat etwas mit der Frage zu tun: Wenn Sie den Datepicker nicht hinzufügen möchten, könnten Sie den HTML5 date -Eingangstyp ausprobieren, indem Sie den Browser sehr erstellen lassen Nice (und Standard) Datepicker:
Ja, nichts anderes wird benötigt (und es funktioniert auch im Backend von Wordpress: Ссылка
Weitere Informationen zu MDN: Ссылка
Hinweis Wie @mark darauf hingewiesen hat, funktioniert die Eingabe nicht für Firefox (wie auch für andere Browser). Dies ist in der MDN-Seite vermerkt, aber natürlich sollte es auch hier erwähnt werden. Es gibt natürlich Problemumgehungen für dieses Problem, aber es wäre nicht möglich, über diese Frage zu schreiben.
Update 03-11-2017 Ab @ kosso's Kommentar kommt die Firefox-Unterstützung für diese Version in Version 57
Fügen Sie die folgende Codezeile hinzu, um die jquery ui datepicker-Bibliothek von Ihrem Plugin in die Warteschlange einzureihen:
%Vor%Sie können die Stylesheet-Datei von der jquery ui-Bibliothekswebsite herunterladen und sie in Ihr Plugin einfügen. Sie würden dann die CSS-Datei wie folgt einreihen:
%Vor%Alternativ können Sie das jquery ui CSS von Google hinzufügen (Sie müssen die CSS-Dateien nicht mit Ihrem Plugin versenden, wenn Sie über diese Route gehen):
%Vor%Fügen Sie Ihrer JavaScript-Datei den folgenden JQuery-Code hinzu, damit der Datepicker an alle Felder mit einer Klasse von "custom_date" angehängt wird:
%Vor%Sie können jetzt einfach die Klasse "custom_date" zu den Datumsfeldern im HTML-Code hinzufügen und es wird ein Datumsauswahlkalender angezeigt, wenn ein Benutzer auf dieses Feld klickt.
%Vor%Tags und Links jquery datepicker wordpress