2008年10月15日 星期三

Wicket的DatePicker元件

網頁中常需要輸入日期,一般使用者並無法正確判斷日期格式是那一種,透過DatePicker元件的幫助,可以讓使用者方便的輸入日期.

步驟一.先建立DatePickerExamples.html

<html>
<body>
<div><span wicket:id="birthday">生日</span>
<input type="text" wicket:id="dateField"/>
<span wicket:id ="datePicker"/>
</div>
</body>
</html>

步驟二.建立DatePickerExamples.java

package wicket.examples.html.body.base.date;

import java.util.Date;

import wicket.extensions.markup.html.datepicker.DatePicker;
import wicket.markup.html.WebPage;
import wicket.markup.html.basic.Label;
import wicket.markup.html.form.TextField;

public class DatePickerExamples extends WebPage {

public DatePickerExamples(){
super();
this.add(new Label("birthday","出生日期"));
TextField dateField = new TextField("dateField", Date.class);
this.add(new DatePicker("datePicker", dateField));
this.add(dateField);
}
}

步驟三.修改Examples.html & Examples.java

...
<tr>
<td><a wicket:id="Examples20">show ImagePageExamplesPage</a></td>
</tr>
...


...
add(new PageLink("Examples20",DatePickerExamples.class));
...

沒有留言: