WdatePicker的日期设置格式

来源:互联网 发布:windows7安装mac os x 编辑:程序博客网 时间:2024/05/23 22:04

WdatePicker是要结合My97datePicker使用的,首先我们需要下载My97datePicker的资源包,然后在页面引入相应资源才能使用。
使用方法如下所示:

开始:<input type="text" id="begin" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd',minDate:'2012-01-01',maxDate:'%y-%M-%d'})" class="Wdate"/>

skin:皮肤颜色,
dateFmt:日期初始化格式,
minDate:最小选择时间,
maxDate:最大选择则时间。
选择框如下所示:这里写图片描述这里写图片描述
从图上我们可以发现选择时间时是有选择范围的,范围就是我们自己定义的,其中maxDate:’%y-%M-%d’,是指当天(今天)的时间。同时我们还可以改变时间的初始化格式,如:

开始:<input type="text" id="begin" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy年MM月dd日',minDate:'2012-01-01',maxDate:'%y-%M-%d'})" class="Wdate"/>

显示结果如下所示:这里写图片描述
另外附加在jsp页面获取此时间方法:

var begin = document.getElementById("begin").value;
原创粉丝点击