WdatePicker日期控件的引入及使用笔记

最新推荐文章于 2025-02-25 17:15:00 发布

dev_hui

最新推荐文章于 2025-02-25 17:15:00 发布

阅读量1.4k

点赞数

分类专栏： Front-end Technology 文章标签：日期控件 WdatePicker

本文链接：https://blog.youkuaiyun.com/HSH205572/article/details/97945641

版权

Front-end Technology 专栏收录该内容

19 篇文章

订阅专栏

1. 下载WdatePicker日期控件。下载链接：https://pan.baidu.com/s/1v3xv0XQIG6O624RGMOk84g   提取码：igcb 

2. 下载完成后 解压，将解压后的文件夹 copy 到 你的项目里面（具体位置自己决定）。

3. 在你需要用到WdatePicker日期控件的jsp页面中引入WdatePicker.js 如下所示：
<script type="text/javascript" src="<c:url value='/js/common/My97DatePicker/WdatePicker.js'/>"></script>

4. 应用如下：

    4.1  起始日期： 要求最大日期 不大于 结束日期。

    <input type="text" class="Wdate" readonly="true" id="sendStartDate" name="sendStartDate"
           οnfοcus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd', minDate: '2019-07-25', maxDate:'#F{$dp.$D(\'sendEndDate\')||\'%y-%M-%d\'}' })"
           value=""/>

    4.2  结束日期： 要求最大日期小于今天 不小于 起始日期。

    <input type="text" class="Wdate" readonly="true" id="sendEndDate"
           name="sendEndDate"
           οnfοcus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd', minDate: '#F{$dp.$D(\'sendStartDate\')||\'%y-%M-%d\'}', maxDate: '%y-%M-%d' })"
           value=""/>

        
    注：具体日期格式可以自行设置，本demo中 是 dateFmt: 'yyyy-MM-dd'，也可以是 dateFmt: 'yyyy-MM-dd HH:mm:ss'.