Wdatepicker日期控件使用

====================================================================================

JSP

====================================================================================

<div>

<label style="display:inline-block;" >兑换码有效期：</label>

<input type="text" id="startTime" class="Wdate"

onClick="WdatePicker({el:'startTime',dateFmt:'yyyy-MM-dd HH:mm:ss'/*,minDate:'%y-%M-{%d+1}'*/})"/>

---

<input type="text" id="endTime" class="Wdate"

onClick="WdatePicker({el:'endTime',dateFmt:'yyyy-MM-dd HH:mm:ss'/*,minDate:'%y-%M-{%d+1}'*/})"/>

</div>

========================================================================================

引用包

========================================================================================

<link href="${ctx}${ctx}/res/js/plugin/wdatePicker/w" rel="stylesheet">

<link href="${ctx}/res/js/plugin/wdatePicker/WdatePicker.css" rel="stylesheet">

<script type="text/javascript" src="${ctx}/res/js/plugin/wdatePicker/WdatePicker.js"></script>

========================================================================================

js中将字符串转换为日期类型

========================================================================================

if (startTime != null && startTime != '') {

startTime = new Date(Date.parse(startTime.replace(/-/g, "/")))

} else {

startTime = new Object();

}

if (endTime != null && endTime != '') {

endTime = new Date(Date.parse(endTime.replace(/-/g, "/")))

} else {

endTime = new Object();

}

if (startTime > endTime) {

alert("开始时间大于结束时间！！")

return;

}

========================================================================================

mapper中查询用

========================================================================================

<if test="startTime != null">

<![CDATA[ AND DATE_FORMAT(expire_date, '%Y-%m-%d')>= DATE_FORMAT(#{startTime}, '%Y-%m-%d') ]]>

</if>

<if test="endTime != null">

<![CDATA[ AND DATE_FORMAT(expire_date, '%Y-%m-%d')<= DATE_FORMAT(#{endTime}, '%Y-%m-%d') ]]>

</if>

 

附云笔记连接，需要的小伙伴可以去把代码包下一下

http://note.youdao.com/noteshare?id=a5cb4089056b4f5a993ca37ead7ed5b6

若有问题欢迎大家与我互动交流，可评论，可留言，以后每周我会坚持至少更新一篇博客文章，喜欢的朋友可以加一下关注。