Hallo,
ich versuche in einem selbsterstellten Einkaufswelt Element ein Datepicker zu verwenden. Ausprobiert habe ich das über folgenden Weg. Datepicker Ich bekomme aber weder irgendwelche Fehlermeldung im Browser noch funktioniert der Datepicker. Ich setze die aktuelle Shopware Version ein.
Gruß
klauswerner
Hallo klauswerner,
der Inhalt der Einkaufswelten-Elemente wird per AJAX nachgeladen, der StateManager kann daher das Datepicker-Plugin nicht für das EKW-Element aktivieren.
Es sollte helfen, dem Element noch die Anweisung mitzugeben, das Datepicker-Plugin neu zu initialisieren, bspw. so:
window.StateManager.updatePlugin('*[data-datepicker="true"]', 'swDatePicker');
Würde ich den Code Schnipsel dann in meine JavaScript Configuration Geschichte packen?
Ja, richtig (Ich nehme an es geht um JS das vom Theme oder Plugin registriert wird)
Du könntest dann ein kleines jQuery Plugin (https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/) schreiben und dort updatePlugin wie oben beschrieben ausführen, wenn bspw. das Event ‚plugin/swEmotionLoader/onInitEmotion‘ gefeuert wird. Eine andere Möglichkeit wäre es, die Codezeile direkt ins Template des EKW-Elements zu schreiben.
Ich hatte mal ein änliches Problem - nämlich beim nachladen von Datepicker-übernommenen-Elementen…
Damals habe ich das so gelöst:
$('input[type="date"]#whateva').flatpickr();
& tut auch…
Obwohl die angenommene Antwort von Philipgatzka sicher besser ist, da nach meine Verständnis dann das eigentliche JQuery Plugin getriggert wird und nicht nur Flatpickr.
Ich schreib das hier nur mal aus Dokumentationsgründen… 