jquery-datepicker in WP verwenden

  • Ich möchte zwei datepicker-eingabefelder haben, eines für Beginn, eines für Ende eines Zeitraumes. Die eingegebenen Daten sollen nach Klick auf 'Submit' an eine externe URL durchgereicht werden. Dabei wird diese Eingabeform nur auf einer Seite benutzt.

    Ich habe schon ein funktionierendes Childtheme angelegt und in dessen functions.php steht u.a. das hier:

    Code
    add_action('wp_enqueue_scripts','register_custom_scripts');
    function register_custom_scripts() {
      wp_register_script('myscript', home_url().'/js/scripts.js', array('jquery'), '1.0', true);
      wp_enqueue_script('myscript');
    }

    Wie binde ich die Abhängigkeit von jquery respektive jqueryUI richtig ein?
    Dachte die sind sowieso beide schon in WP integriert!?

    Der entsprechende HTML-Code der Seite sieht so aus:

    Und die scripts.js sieht so aus:

    Ich nehme an der erste Fallstrick ist diese Stelle:
    $(function()

    Habe das schon auf diverse Arten geändert, also ersetzt durch jquery() usw.. Bisher ohne Erfolg.

    Und kann es sein, daß ich die scripts.js besser umbenenne? Habe da was gelesen von eindeutigen Namen bei Einbindung von scripten..

    Im Endeffekt brauche ich einen Datepicker, dessen Daten an eine externe URL durchgereicht werden. Wie das dann implementiert ist ist zweitrangig.

    Bitte helft mir auf die Sprünge - danke!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • zb so

    PHP
    wp_enqueue_script('jquery');
    wp_enqueue_script('jquery-ui-core');
    wp_enqueue_script('jquery-ui-datepicker');

    dann => dein Script anpassen bitte ....

    PHP
    <script>
    jQuery(document).ready(function() {
     jQuery('#date').datepicker({
     dateFormat : 'dd-mm-yy'
     });
    });
    </script>
  • Vielen Dank!

    Zur Info:

    Habe testweise die beiden Zeilen:

    Code
    wp_enqueue_script('jquery');
    wp_enqueue_script('jquery-ui-core');

    auskommentiert und es geht immer noch.

    Habe irgendwo gelesen, daß anstelle von

    jQuery(document).ready(function() {
    jQuery('#date').datepicker({

    das $ an dieser Stelle reichen würde, hat es wohl aber nicht.

    Ich bin froh daß es funktioniert und stelle nicht mehr so viele Fragen hierzu.

    Keine Ahnung was man noch weglassen könnte.. ;-)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!