JqueryUI bietet neben vielen anderen schicken GUI Elementen auch einen Datepicker. Dieser lässt sich recht einfach ein bestehendes Eingabefeld knüpfen.
HTML-Beispiel
<p>
<label for="datum">Datum:*</label>
<input name="datum" type="text" id="datum" class="datepicker" />
</p>Im Javascript ( bspw. in der $(document).ready(function() ) wird das Feld dann mithilfe des folgenden Codes in ein DatepickerFeld "umgewandelt"..
if($('input.datepicker').length>0) {
$('.datepicker').datepicker({
dateFormat: 'dd.mm.yy',
monthNames: ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'],
dayNames: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag',Samstag'],
dayNamesMin: ['So', 'Mo', 'Die', 'Mi', 'Do', 'Fre', 'Sa']
});
}Das Script prüft dabei zuerst, ob es überhaupt ein Datepicker Element auf der Seite gibt und weist diesem dann die entsprechenden Eigenschaften zu - in meinem Falle wird das Datumsformat an das "deutsche Format" angepasst ..
Weitere Informationen gibt es auf der offiziellen jquery Dokumentation:
http://docs.jquery.com/UI/Datepicker
