https://wiki.stephanschlegel.de/api.php?action=feedcontributions&feedformat=atom&user=178.2.222.73 2026-05-09T09:29:33Z Benutzerbeiträge MediaWiki 1.35.14 https://wiki.stephanschlegel.de/index.php?title=JavaScript_Datepicker&diff=18713 2010-11-24T16:33:25Z

<p>178.2.222.73: </p> <hr /> <div>== JavaScript Kalender / Datepicker ==<br /> <br /> Datepicker zum Auswählen eines Datums über eine grafische Oberfläche gibt es viele. Ein paar davon werden hier vorgestellt.<br /> <br /> == JQuery UI Datepicker ==<br /> Sehr schick, funktional und leicht anpassbar. 1. Wahl<br /> <br /> <br /> == Yahoo YUI Datepicker ==<br /> <br /> Sehr schöner Datepicker um Datumsbereiche auszuwählen. Siehe auch Gesundheitsregion-rtz.de<br /> <br /> Kurzanleitung jQuery:<br /> <br /> * auf jQuery.com in die UI Abteilung und dort mit dem Configurator den Datepicker auswählen (Widgets). Es werden automatisch die Benötigten Dateien zusammengestellt.<br /> <br /> Im TypoScript die passenden Dateien in den Header laden:<br /> <br /> z.B.:<br /> &lt;pre&gt;<br /> // CSS<br /> page.includeCSS.jqueryui = fileadmin/templates/scripts/jquery-ui/css/smoothness/jquery-ui-1.8.6.custom.css<br /> // JS<br /> page.includeJS.jquery = fileadmin/templates/scripts/jquery-ui/js/jquery-1.4.4.min.js<br /> page.includeJS.jqueryui = fileadmin/templates/scripts/jquery-ui/js/jquery-ui-1.8.6.custom.min.js<br /> &lt;/pre&gt;<br /> <br /> Im Formular brauchts noch einen JavaScript Schnipsel, der den Picker den passenden Feldern zuordnet. <br /> In folgendem Beispiel muß man nur noch auf das Datumsfeld gehen, dann wird der Kalender eingeblendet. Die IDs der Felder lauten &#039;&#039;in&#039;&#039; und &#039;&#039;out&#039;&#039;<br /> <br /> JavaScript<br /> <br /> &lt;pre&gt;<br /> &lt;script type=&quot;text/javascript&quot;&gt;<br /> /*&lt;![CDATA[*/<br /> &lt;!--<br /> <br /> $(function() {<br /> $.datepicker.setDefaults({<br /> dateFormat: &#039;dd.mm.yy&#039;,<br /> numberOfMonths: [1,1],<br /> yearRange:&#039;-1:+2&#039;,<br /> changeMonth: true,<br /> changeYear: true,<br /> regional:[&#039;de&#039;]<br /> });<br /> <br /> $(&quot;#in&quot;).datepicker();<br /> $(&quot;#out&quot;).datepicker();<br /> });<br /> <br /> <br /> // --&gt;<br /> /*]]&gt;*/<br /> &lt;/script&gt;<br /> &lt;/pre&gt;</div>

178.2.222.73 https://wiki.stephanschlegel.de/index.php?title=JavaScript_Datepicker&diff=17540 2010-11-24T15:49:59Z

<p>178.2.222.73: </p> <hr /> <div>Datepicker zum Auswählen eines Datums über eine grafische Oberfläche gibt es viele. Ein paar davon werden hier vorgestellt.<br /> <br /> JQuery UI Datepicker<br /> Sehr schick, funktional und leicht anpassbar. 1. Wahl<br /> <br /> <br /> Yahoo YUI Datepicker<br /> <br /> Sehr schöner Datepicker um Datumsbereiche auszuwählen. Siehe auch Gesundheitsregion-rtz.de<br /> <br /> Kurzanleitung<br /> <br /> jQuery:</div>

178.2.222.73