<note tip>Den Eintrag über den [[software:tim:smartform_basics#datepicker_kalender|Datepicker]] kann [[software:tim:smartform_basics#datepicker_kalender|hier]] gefunden werden.</note>


====== Datumsformat im Datepicker ändern ======


Mit dieser Javascript Funktion kann mit eigenen Datepickern das Format des Datums geändert werden
  * z.B. 01.01.2013
  * z.B. 01-01-2013

Dass ist das Format in dem die Werte anschließend in die T!M Datenbank geschrieben werden. So erhält man eine schöne formatierung für [[software:tim:actionhandler:wordtemplatehandler|WordTemplates]], [[software:tim:mailnode|Mailnodes]] etc.

Hierfür muss ein neuer Datepicker in der Custom.js angelegt werden, welcher die T!M eigene überschreibt.

In der [[software:tim:smartform|Smartform]] brauchen wir hier, wie auch beim normalen Datepicker, Inputfelder mit einer Klasse. In meinem Beispiel hier habe ich die Klasse datefield gewählt.

<code>
<form initMethod="initMyDateField">
<input type="text" name="myDateField" id="myDateField" class="datefield"/> Datum
</form> 
</code>

jQuery wird hier benötigt und muss eingebunden werden!
<code>
jq= (this.form.ownerDocument.defaultView!=null) ? this.form.ownerDocument.defaultView.jQuery : this.form.ownerDocument.parentWindow.jQuery;
</code>
In der Customdatei wird nun in der initMyDateField (frei wählbar) der Datepicker initialisiert.


<code>
 gadget.functions.initMyDateField = function(){
     jq= (this.form.ownerDocument.defaultView!=null) ? this.form.ownerDocument.defaultView.jQuery : this.form.ownerDocument.parentWindow.jQuery;
     jq('.datefield').datepicker(jq.datepicker.regional["de"]);
 }
</code>

Dem Datepicker können verschiedene regionale Formatierungen mitgegeben werden. In diesem Beispiel "de" was dann zu folgendem führt: 31.07.2013

Es sind natürlich noch weitere Formatierungsarten möglich, bishin zur Benennung der Wochentage und Monate. Hierfür lohnt sich ein Blick in die jQuery API für Datepicker ([[http://api.jqueryui.com/datepicker/]]).