ASP.NET 使用My97DatePicker日期控制元件

首先要下載該控制元件的包，下載地址：http://pan.baidu.com/s/1Aa5gk

引用檔案

  <script src="js/My97DatePicker/WdatePicker.js" type="text/javascript"></script>

目錄詳情

常規呼叫

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

通過position屬性,自定義彈出位置

 <input class="Wdate" type="text" id="d16" onfocus="WdatePicker({position:{left:50,top:50}})" />
 

年月日時分秒

<input type="text" id="d241" onfocus="WdatePicker({dateFmt:'yyyy年MM月dd日 HH時mm分ss秒'})" class="text" />

限制日期的範圍是 2006-09-10到2008-12-20

<input id="d411" class="Wdate" type="text" onfocus="WdatePicker({skin:'blueFresh',minDate:'2006-09-10',maxDate:'2008-12-20'})" />

限制日期的範圍是 2008-3-8 11:30:00 到 2008-3-10 20:59:30

  <input type="text" class="Wdate" id="d412" onfocus="WdatePicker({skin:'blue',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'2008-03-08 11:30:00',maxDate:'2008-03-10 20:59:30'})" />

你可以通過系統給出的動態變數,如%y(當前年),%M(當前月)等來限度日期範圍,你還可以通過{}進行表示式運算,如:{%d+1}:表示明天

動態變量表

只能選擇今天以前的日期(包括今天)

<input id="d421" class="Wdate" type="text" onfocus="WdatePicker({skin:'green',maxDate:'%y-%M-%d'})"/>
 

只能選擇本月的日期1號至本月最後一天

   <input id="d423" class="Wdate" type="text" onfocus="WdatePicker({skin:'simple',minDate:'%y-%M-01',maxDate:'%y-%M-%ld'})"/>

只能選擇今天7:00:00至明天21:00:00的日期

<input id="d424" class="Wdate" type="text" onfocus="WdatePicker({skin:'YcloudRed',dateFmt:'yyyy-M-d H:mm:ss',minDate:'%y-%M-%d 7:00:00',maxDate:'%y-%M-{%d+1} 21:00:00'})"/>

前面的日期不能大於後面的日期且兩個日期都不能大於 2020-10-01

1. <input id="d4311" class="Wdate" type="text" onfocus="WdatePicker({skin:'ext',maxDate:'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'})" />
2. <input id="d4312" class="Wdate" type="text" onfocus="WdatePicker({skin:'ext',minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'2020-10-01'})" />

前面的日期+3天 不能大於 後面的日期

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

禁用 週六 週日 所對應的日期

<input id="d442" type="text" class="Wdate" onFocus="WdatePicker({disabledDays:[0,6]})"/>

禁用 每個月份的 5日 15日 25日

<input id="d451" type="text" class="Wdate" onFocus="WdatePicker({disabledDates:['5$']})"/>

--------------------- 本文來自 十四貝勒 的CSDN 部落格 ，全文地址請點選：https://blog.csdn.net/thanks_hck/article/details/78894441?utm_source=copy