WdatePicker日期组件的使用方法

最新推荐文章于 2025-04-24 23:56:59 发布

AweenLee

最新推荐文章于 2025-04-24 23:56:59 发布

阅读量1k

点赞数

分类专栏： js 文章标签： WdatePicker 日期组件 js

本文链接：https://blog.youkuaiyun.com/AweenLee/article/details/79054422

版权

js 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍如何在项目中引入并使用WdatePicker日期选择器组件。包括将组件包添加到js目录、在页面中引入js文件、实例化组件、设置组件属性等内容。

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

1、添加WdatePicker日期组件包到js目录

2、引入js文件WdatePicker.js
<script type="text/javascript" src="${basePath }js/datepicker/WdatePicker.js"></script>
3、实例化WdatePicker组件
<tr>
            <td class="tdBg" width="200px">生日：</td>
            <td>
            	<s:textfield id="birthday" name="user.birthday" 
            	οnfοcus="WdatePicker();" />
            </td>
</tr>
3.1、设置使用组件的方法为只读，防止用户自己输入
<s:textfield id="birthday" name="user.birthday" readonly="true" 
            	οnfοcus="WdatePicker();" />
3.2、设置组件的皮肤及日期格式
<s:textfield id="birthday" name="user.birthday" readonly="true" 
            	οnfοcus="WdatePicker({'skin':'whyGreen','dateFmt':'yyyy-MM-dd'});" />
4、查看效果

选择日期即可