datepicker日期组件的添加

1.下载日期组件datepicker,放在webroot中

2.引入到jsp页面中

<!--   引入日历插件-->
    <script type="text/javascript" src="${basePath}js/datepicker/WdatePicker.js"></script>

3.根据WdatePicker.js里的内容适当的格式化日期的输出

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

4.有时候回显格式出错,还要这样格式化回显

<tr>
            <td class="tdBg" width="200px">生日:</td>
            <td><s:textfield id="birthday" name="user.birthday" readonly="true" onfocus="WdatePicker({'skin':'whyGreen','dateFmt':'yyyy-MM-dd'})">
                <s:param name="value"> <s:date name="user.birthday" format="yyyy-MM-dd"/> </s:param>
                </s:textfield>
            </td>
        </tr>

 

你可能感兴趣的:(datepicker日期组件的添加)