JQ支持的日历插件My97DatePicker

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zyf1550397589/article/details/84062397

My97DatePicker 下载链接:下载
https://pan.baidu.com/s/1tiVdp-RmPI4HwLaOfhouwA

支持的浏览器
IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+ 及以上多版本浏览器

1.常规调用

<input id="d11" type="text" onClick="WdatePicker()"/>

2.图标触发

<input id="d12" type="text"/>
<img onclick="WdatePicker({el:'d12'})" src="../skin/datePicker.gif" width="16" height="22" align="absmiddle">
注意:只需要传入控件的id即可

3.周显示简单应用

<input id="d121" type="text" onclick="WdatePicker({isShowWeek:true})"/>

4.日历七天范围

<input type="text" class="Wdate" id="d4321" 
	onclick="WdatePicker({minDate:'#F{$dp.$D(\'d4322\',{d:-7});}',maxDate:'#F{$dp.$D(\'d4322\')}'})"/>
<input type="text" class="Wdate" id="d4322" 
    onclick="WdatePicker({minDate:'#F{$dp.$D(\'d4321\');}',maxDate:'#F{$dp.$D(\'d4321\',{d:7});}'})"/>

5.结束日期大于开始日期

 <input readonly="readonly" name="kssj" id='kssj' data-date-format="yyyy-MM-dd" type="text"
       onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',errDealMode: -1,maxDate:'#F{$dp.$D(\'jssj\')}'})">
                            
 <input readonly="readonly" name="jssj" id='jssj' data-date-format="yyyy-MM-dd" type="text"
       onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',errDealMode: -1,minDate:'#F{$dp.$D(\'kssj\')}'})">

猜你喜欢

转载自blog.csdn.net/zyf1550397589/article/details/84062397
今日推荐