# Einkaufswelten - Datepicker

**URL:** https://forum.shopware.com/t/einkaufswelten-datepicker/53405
**Category:** Programmierung
**Created:** [11. Juni 2018 um 13:00 UTC](https://forum.shopware.com/t/einkaufswelten-datepicker/53405 "2018-06-11T13:00:13Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![klauswerner](https://avatars.discourse-cdn.com/v4/letter/k/7c8e57/32.png) [@klauswerner](https://forum.shopware.com/u/klauswerner)
#### Post date: [11. Juni 2018 um 13:00 UTC](https://forum.shopware.com/t/einkaufswelten-datepicker/53405/1 "2018-06-11T13:00:13Z")

</div>

Hallo,

ich versuche in einem selbsterstellten&nbsp;Einkaufswelt Element ein Datepicker zu verwenden. Ausprobiert habe ich das über folgenden Weg.&nbsp;[Datepicker](https://developers.shopware.com/designers-guide/datepicker/)&nbsp;Ich bekomme aber weder irgendwelche Fehlermeldung im Browser noch funktioniert der Datepicker. Ich setze die aktuelle Shopware Version ein.

Gruß  
klauswerner

---

<div class="post-metadata">

### Author: ![philipgatzka](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/philipgatzka/32/17109_2.png) [@philipgatzka](https://forum.shopware.com/u/philipgatzka)
#### Post date: [11. Juni 2018 um 15:04 UTC](https://forum.shopware.com/t/einkaufswelten-datepicker/53405/2 "2018-06-11T15:04:58Z")

</div>

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:  
&nbsp;

```
window.StateManager.updatePlugin('*[data-datepicker="true"]', 'swDatePicker');

```

&nbsp;

---

<div class="post-metadata">

### Author: ![klauswerner](https://avatars.discourse-cdn.com/v4/letter/k/7c8e57/32.png) [@klauswerner](https://forum.shopware.com/u/klauswerner)
#### Post date: [11. Juni 2018 um 15:30 UTC](https://forum.shopware.com/t/einkaufswelten-datepicker/53405/3 "2018-06-11T15:30:35Z")

</div>

Würde ich&nbsp; den Code Schnipsel dann in meine JavaScript Configuration Geschichte packen?

---

<div class="post-metadata">

### Author: ![philipgatzka](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/philipgatzka/32/17109_2.png) [@philipgatzka](https://forum.shopware.com/u/philipgatzka)
#### Post date: [12. Juni 2018 um 06:19 UTC](https://forum.shopware.com/t/einkaufswelten-datepicker/53405/4 "2018-06-12T06:19:36Z")

</div>

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/](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.

---

<div class="post-metadata">

### Author: ![Floffwl](https://avatars.discourse-cdn.com/v4/letter/f/47e85d/32.png) [@Floffwl](https://forum.shopware.com/u/Floffwl)
#### Post date: [12. Juni 2018 um 08:08 UTC](https://forum.shopware.com/t/einkaufswelten-datepicker/53405/5 "2018-06-12T08:08:53Z")

</div>

Ich hatte mal ein änliches Problem - nämlich beim nachladen von Datepicker-übernommenen-Elementen…&nbsp;  
Damals habe ich das so gelöst:

```
$('input[type="date"]#whateva').flatpickr();

```

& tut auch…

Obwohl die angenommene Antwort von Philipgatzka&nbsp;sicher besser ist, da nach meine Verständnis dann das eigentliche JQuery Plugin getriggert wird und nicht nur Flatpickr.  
Ich schreib das hier&nbsp;nur mal aus Dokumentationsgründen… 🙂
