日期选择器datepicker的使用

1.先在网上下载datepicker，并将其拷贝到工作目录下。

2.在页面头部加入datapicker。

  <script type="text/javascript" src="${basePath}js/datepicker/WdatePicker.js"></script>

3.在日期标签上创建WdatePickwe对象，并设置皮肤和日期的格式。

  <tr>
            <td class="tdBg" width="200px">生日：</td>
            <td><s:textfield id="birthday" name="user.birthday" readonly="true"
            οnfοcus="WdatePicker({'skin':'whyGreen','dataFmt':'yyyy-MM-dd'});"
            /></td>
   </tr>

打开WdatePicker.js可以看到其他的皮肤和格式，如下：

$skinList:[
 {name:"default",charset:"gb2312"},
 {name:"whyGreen",charset:"gb2312"},
 {name:"blue",charset:"gb2312"},
 {name:"green",charset:"gb2312"},
 {name:"ext",charset:"gb2312"},
 {name:"blueFresh",charset:"gb2312"}
],

skin:"default",
dateFmt:"yyyy-MM-dd",
realDateFmt:"yyyy-MM-dd",
realTimeFmt:"HH:mm:ss",
realFullFmt:"%Date %Time",
minDate:"1900-01-01 00:00:00",
maxDate:"2099-12-31 23:59:59",

4.效果如下