/ HomePage / Computer / Software / Programmierung / Frameworks / Wicket / JQueryUITipps

jQuery UI Tipps N Tricks

• Wicket jQuery-UI

Ein DatePicker

Der DatePicker stellt ein Inputfeld dar, das anklickbar ist und dann eine Art DatumSelektorBox darstellt. Es gibt bei der Benutzung ein paar Dinge zu beachten.

Kinken

• jQuery UI DatePicker ist kein Behavior, sondern ein eigenes DateTextField
• Das dateFormat entspricht nicht dem java.util.Date Standard siehe hier
• Die Optionen müssen nochmal extra mit Tüttel ausgestattet werden.
• Die CSS habe ich z.Z. selbst eingebunden

Weitere Informationen befinden sich hier: DatePicker

(:tip:) Falls eine Option nicht richtig funktioniert, einfach mal in den Source des HTML gucken, was Wicket daraus gemacht hat...

CSS in der HTML einbinden

 <wicket:head>
 <link rel="stylesheet" type="text/css" href="http://www.7thweb.net/wicket-jquery-ui/css/ui-lightness/jquery-ui-1.8.23.custom.css" media="all"/>
 </wicket:head>

Sample code für Wicket

 // Member
 IModel?<Date> dateModel = Model.of(new Date());
 [...]
 String dateFormat = "dd.MM.yyyy";
 Options dateOptions = new Options();
 dateOptions.set("dateFormat", "\"dd.mm.yy\"");
 final DatePicker datePicker = new DatePicker("date", dateModel, dateFormat, dateOptions);
 datePicker.setRequired(true);
 form.add(datePicker);