/ HomePage / Computer / Software / Programmierung / Frameworks / Wicket / JQueryUITipps
jQuery UI Tipps N Tricks
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);