Startseite › Weblogs › Stefan Rieger's blog ›

JS Datum/Zeit Auswahl prototypejs kompatibel

Verfasst von Stefan Rieger am 21. August 2010 - 17:23

Jeremy Jongsma's Datums und Uhrzeit Auswahl Script (http://home.jongsma.org/software/js/datepicker) kann sehr einfach auf deutsche Vorlieben umgestellt werden. Sympathisch ist die recht strikte Trennung von Code und Layout. Für mich sprach der OO Ansatz unter GPL um Nebeneffekte zu vermeiden sowie die der Einsatz von Prototype JS (http://www.prototypejs.org/) für diese Lib.

function init_data_pickers() {
 
  Control.DatePicker.Locale['de_DE'] = {
  dateTimeFormat: 'dd.MM.yyyy HH:mm',
  dateFormat: 'dd.MM.yyyy',
  firstWeekDay: 1,
  weekend: [0,6],
  language: 'de'
  };
 
  Control.DatePicker.Language['de'] = {
  months: ['Januar', 'Februar', 'Maerz', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],
  days: ['So','Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
  strings: { 'Now': 'Jetzt', 'Today': 'Heute', 'Time': 'Uhreit', 'Exact minutes': 'Genuer Minuten',
  'Select Date and Time': 'Datum und Uhrzeit auswählen', 'Open calendar': 'Kalender öffnen' } };
   
  new Control.DatePicker('dom_field', {
    icon: '/images/calendar.png',
    timePicker: true,
    timePickerAdjacent: true,
    use24hrs: true,
    locale:'de_DE'
    }
  );
 
}
Event.observe(window, 'load', init_data_pickers);