Tag Archives: Datepicker
JQuery Datepicker komplett in Deutsch mit Heute als Standard
Um den Datepicker komplett auf Deutsch nutzen zu können bedarf es einiger Änderungen es zunächst das Laden der CSS Datei:
1 |
<link href="client/css/jquery-ui/jquery-ui.min.css" rel="stylesheet"> |
dann das laden der JQuery files
1 2 3 |
<script src="client/js/jquery-ui.js"></script> <script src="client/js/jquery-1.9.1.min.js"></script> <script src="client/js/jquery.tools-1.2.7.min.js"></script> |
dann im <script> </script>:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
function setdefaults() { $( "#deliveryDate" ).datepicker({ changeMonth: true, changeYear: true, firstDay: 1, showAnim: 'slideDown', dateFormat: 'dd.mm.yy', }); $("#deliveryDate").datepicker("setDate", new Date()); } jQuery(function($){ $.datepicker.regional['de'] = {clearText: 'löschen', clearStatus: 'aktuelles Datum löschen', closeText: 'schließen', closeStatus: 'ohne Änderungen schließen', prevText: '<zurück', prevStatus: 'letzten Monat zeigen', nextText: 'Vor>', nextStatus: 'nächsten Monat zeigen', currentText: 'heute', currentStatus: '', monthNames: ['Januar','Februar','März','April','Mai','Juni', 'Juli','August','September','Oktober','November','Dezember'], monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun', 'Jul','Aug','Sep','Okt','Nov','Dez'], monthStatus: 'anderen Monat anzeigen', yearStatus: 'anderes Jahr anzeigen', weekHeader: 'Wo', weekStatus: 'Woche des Monats', dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'], dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'], dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'], dayStatus: 'Setze DD als ersten Wochentag', dateStatus: 'Wähle D, M d', dateFormat: 'dd.mm.yy', firstDay: 1, initStatus: 'Wähle ein Datum', isRTL: false}; $.datepicker.setDefaults($.datepicker.regional['de']); }); |
und zum Schluss den Textinput an sich:
1 |
<input class="txtEdit" id="deliveryDate" type="text" /> |
0
Login