WdatePicker 日历控件使用支持6种日期类型（年份、月份、季度、周、日、小时）

1 年份

HTML代码：

年：
<input type="text" onclick="WdatePicker({ dateFmt: 'yyyy', maxDate: '%y' })"/>

最终效果图：
 

2 季度

HTML代码：

季度：
<input type="text" onclick="WdatePicker({ dateFmt: 'yyyy-MM季度', isQuarter: true, isShowOK: false, disabledDates:['....-0[5-9]-..','....-1[0-2]-..'],startDate:'%y-01-01' })"/>

最终效果图： 

3 月份

HTML代码：

月：
<input type="text" onclick="WdatePicker({ dateFmt: 'yyyy-MM', maxDate: '%y-%M' })"/>

最终效果图：

4 周

HTML代码：

周：
<input id="week" type="text" onclick="WdatePicker({ isShowWeek: true, onpicked: GetWeek, firstDayOfWeek: 1, errDealMode: 3, isShowClear: true, maxDate: '%y-%M-{%d-1}'})"/>

JS代码： 

//返回yyyy年-第WW周格式
function GetWeek(){
    $('#week').val($dp.cal.getP('y')+'年-'+$dp.cal.getP('W')+'周');
}

 最终效果图：

5 日 

HTML代码：

日：
<input type="text" onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd', maxDate: '%y-%M-%d' })"/>

 最终效果图：

 

6 小时

 HTML代码：

小时：
<input type="text" onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd HH时', maxDate: '%y-%M-%d %H时' })"/><br/>

 最终效果图： 

 

注：需要引入WdatePicker.js 文件。