Bietet Wordpress Native Datepicker im Admin?

Question

Ich entwickle eine Plugin und im Admin wo ich ein Feld zur Verfügung stellen, die von Benutzern mit einem Datum gefüllt wird. Ich frage mich, ob es im WP Admin I einen nativen Datapicker gibt, der verfügbar ist.

Ich normalerweise ein kleines jQuery datepicker Skript, das tut, aber wenn man bereits verfügbar ist, würde ich das aus offensichtlichen Gründen wie leichter Code, UI Konsistenz usw. bevorzugen. Das scheint wie etwas, das würde ich sollte/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.

Answer 1

Ja. Wordpress beinhaltet dies im Kern. Hier sind ein paar Artikel über sie:

WP Codex: Function Reference/wp enqueue script

Paul Underwood's Iris Color Picker Tutorial (gleichen Grundsätze gelten für picker)

Answer 2

Antwort bereits gegeben worden, aber ich würde es gerne ein bisschen erweitern CSS enthalten (Wordpress stellt keine Stylesheets für jQuery UI zur Verfügung, um jedem zu helfen, der versucht, diese Art von Skripten zu verwenden.

Grundsätzlich (und sehr einfach), müssen Sie zumindest diese drei Zeilen Code haben:

wp_enqueue_script('jquery-ui-datepicker'); 
    wp_register_style('jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css'); 
    wp_enqueue_style('jquery-ui'); 

Erläuterung Zeile für Zeile:

1. laden jQuery UI Datepicker (Bibliothek bereits registriert durch Wordpress, nichts anderes erforderlich ist)
2. Register Sheet mit Griff jquery-ui (I verwendet, um die eine von Google gehostet, können Sie verwenden, je nachdem, was Sie bevorzugen)
3. Effizientes Stylesheet in die von Wordpress auf dieser Seite geladenen Bilder einfügen

Und jetzt werden Ihre Datypickers alle schön und bunt sein! :)

HTML5 Geschenk

Dies ist nicht das, was die OP fragt, aber es ist etwas im Zusammenhang mit der Frage: wenn Sie wollen nicht die Mühe machen die Datumsauswahl hinzufügen, könnten Sie versuchen, die HTML5 date Eingabetyp, ließ der Browser eine sehr schön (und Standard) picker erstellen:

<input type="date" name="the_date" /> 

Ja, nichts anderes benötigt wird (und es funktioniert in der back-End von Wordpress auch: https://jsfiddle.net/2jxdvea0/

Mehr Informationen zu MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

Hinweis Wie @ Mark wiesen darauf hin, die Eingabe nicht für Firefox funktioniert (wie auch für anderen 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 mehr möglich, über diese Frage zu schreiben.

aktualisieren 2017.03.11 Ab @ Kosso Kommentar, Firefox Unterstützung hierfür ist in Version kommenden 57

Answer 3

die folgende Codezeile Fügen Sie die jQuery UI Datepicker Bibliothek von Ihrem Plugin einzureihen:

wp_enqueue_script('jquery-ui-datepicker'); 

Sie können die Stylesheet-Datei von der Bibliothek jquery ui library herunterladen und in Ihr Plugin einbinden. Alternativ

wp_enqueue_style('jquery-ui-css', 'http://www.example.com/your-plugin-path/css/jquery-ui.css'); 

, Sie können die jQuery UI CSS von Google sind (Sie müssen mit Ihrem Plugin die CSS-Dateien nicht versenden, wenn Sie über diesen Weg gehen): Sie würden dann die CSS-Datei wie folgt einzureihen :

wp_enqueue_style('jquery-ui-css', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css'); 

die folgende JQuery-Code in Ihre Javascript-Datei hinzufügen, damit es die Datepicker picker~~POS=HEADCOMP auf alle Felder mit einer Klasse von „custom_date“ legt:, können Sie jetzt

<script type="text/javascript"> 
jQuery(document).ready(function($) { 
$('.custom_date').datepicker({ 
dateFormat : 'yy-mm-dd' 
}); 
}); 
</script> 

fügen Sie den Datumsfeldern im HTML-Code einfach die Klasse "custom_date" hinzu und es wird ein Kalender für die Datumsauswahl angezeigt, wenn ein Benutzer auf dieses Feld klickt.

<input type="text" class="custom_date" name="start_date" value=""/>