# Backend ExtJS Plugin - Datepicker

**URL:** https://forum.shopware.com/t/backend-extjs-plugin-datepicker/6624
**Category:** Shopware 3.5
**Tags:** programming
**Created:** [26. März 2012 um 16:50 UTC](https://forum.shopware.com/t/backend-extjs-plugin-datepicker/6624 "2012-03-26T16:50:30Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![fulltime](https://avatars.discourse-cdn.com/v4/letter/f/7ab992/32.png) [@fulltime](https://forum.shopware.com/u/fulltime)
#### Post date: [26. März 2012 um 16:50 UTC](https://forum.shopware.com/t/backend-extjs-plugin-datepicker/6624/1 "2012-03-26T16:50:30Z")

</div>

Hi, ich Bau gerade an ein BackendPlugin. Dieses besteht aus ein Datepicker und einer Gridbox. Ich suche jetzt für den Datepicker ein handler der mir bei click bzw. select den wert zurück gibt. Laut ExtJS docu soll das mittels ` handler: function(dp, date){ Ext.Msg.alert('Date Selected', 'You selected ' + Ext.Date.format(date, 'M j, Y')); } ` funktionieren. Leider erhalte ich dann Ext.Date is undefined. Kann mir da jemand helfen?

---

<div class="post-metadata">

### Author: ![waldicom](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/waldicom/32/12881_2.png) [@waldicom](https://forum.shopware.com/u/waldicom)
#### Post date: [26. März 2012 um 17:21 UTC](https://forum.shopware.com/t/backend-extjs-plugin-datepicker/6624/2 "2012-03-26T17:21:43Z")

</div>

calendar.js muss noch “inkludiert” werden. Ich habe bei mir so gemacht: `<script type="text/javascript" src="/engine/backend/modules/statistics/js/calendar.js"></script>` CSS zum Kalender nicht vergessen.

---

<div class="post-metadata">

### Author: ![fulltime](https://avatars.discourse-cdn.com/v4/letter/f/7ab992/32.png) [@fulltime](https://forum.shopware.com/u/fulltime)
#### Post date: [26. März 2012 um 18:02 UTC](https://forum.shopware.com/t/backend-extjs-plugin-datepicker/6624/3 "2012-03-26T18:02:07Z")

</div>

Hi, mein aktueller code in der tpl ist wie folgt `<script type="text/javascript">
(function(){
	{block name="Shopware_Plugins_DatePicker"}
		var DatePicker = Ext.extend(Ext.DatePicker, {
			title: 'Kalendar',
			region: 'west',
			initComponent: function() {
				DatePicker.superclass.initComponent.call(this);
			}
		});
	{/block}
	Shopware.Extjs.DatePicker = DatePicker;
})();
</script>` Ich versteh jetzt nicht so genau wo ich da noch neh js includen soll.

---

<div class="post-metadata">

### Author: ![waldicom](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/waldicom/32/12881_2.png) [@waldicom](https://forum.shopware.com/u/waldicom)
#### Post date: [26. März 2012 um 18:04 UTC](https://forum.shopware.com/t/backend-extjs-plugin-datepicker/6624/4 "2012-03-26T18:04:56Z")

</div>

so habe ich das in meinem Plugin gelöst: `{block name='backend\_index\_javascript' append} <script type="text/javascript" src="/engine/backend/modules/statistics/js/calendar.js"></script>{/block}` Du könntest wahrscheinlich nur diese Zeile nehmen: `<script type="text/javascript" src="/engine/backend/modules/statistics/js/calendar.js">`

---

<div class="post-metadata">

### Author: ![fulltime](https://avatars.discourse-cdn.com/v4/letter/f/7ab992/32.png) [@fulltime](https://forum.shopware.com/u/fulltime)
#### Post date: [26. März 2012 um 19:17 UTC](https://forum.shopware.com/t/backend-extjs-plugin-datepicker/6624/5 "2012-03-26T19:17:43Z")

</div>

So ich hab jetzt mal die js eingebunden. Leider erhalte ich dann folgende Nachricht. Shopware.Extjs.DatePicker is not a constructor this.datepicker = new Shopware.Extjs.DatePicker; Aktueller Code [code][/code] Was ich eh nich so richtig verstehe warum ich noch neh js includen soll. Weil der eigentliche kalender funktioniert ja schon.

---

<div class="post-metadata">

### Author: ![waldicom](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/waldicom/32/12881_2.png) [@waldicom](https://forum.shopware.com/u/waldicom)
#### Post date: [26. März 2012 um 19:28 UTC](https://forum.shopware.com/t/backend-extjs-plugin-datepicker/6624/6 "2012-03-26T19:28:33Z")

</div>

Du sollst gar nichts. Ich habe nur gedacht, der Kalender geht nicht und habe dann vorgeschlagen dasselbe zu machen, was ich in meinem Plugin gemacht habe. Bei mir im Code steht folgendes und das funktioniert. Vielleicht hilft das weiter: [code]{extends file=„backend/index/parent.tpl“} … {block name=„backend\_index\_css“ append} {/block} … {block name=‚backend\_index\_javascript‘ append} {/block} … {block name=„backend\_index\_body\_inline“} …

![]()  
… {/block}[/code]