Main /

J Query UI Tipps

Allgemein

Knowledge Base

Virtualisierung Emulation

Technik und Wissen

Community

Privat

%center%[[http://validator.w3.org/check?uri=referer|http://www.w3.org/Icons/valid-xhtml10.png]]%%

J Query UI Tipps

/ 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 en

(: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);
Frische Änderungen (All) | Edit SideBar Zuletzt geändert am 19.12.2012 08:56 Uhr Seite Bearbeiten | Seitenhistorie
Powered by PmWiki