datepicker日期组件的添加

最新推荐文章于 2024-08-13 08:38:49 发布

幸福是什么感觉呢

最新推荐文章于 2024-08-13 08:38:49 发布

阅读量642

点赞数

CC 4.0 BY-SA版权

分类专栏：学习领悟 javaEE java前端

本文链接：https://blog.youkuaiyun.com/zd305826520/article/details/51003428

javaEE 同时被 3 个专栏收录

32 篇文章

订阅专栏

学习领悟

22 篇文章

订阅专栏

java前端

17 篇文章

订阅专栏

本文介绍如何在web应用中使用datepicker组件进行日期选择，并通过WdatePicker.js实现日期格式化，包括输入和回显时的日期显示样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>