場景：最近在做一個日期年份的限制，比如文字框輸入2018年，彈出的my97控制元件限制在2018年，想到用最大值最小值限制，這裡參照的是my97說明文件，把該問題記錄下來以便於以後參考。

首先js：

function minValue(){
 var year=$("#year").val();
 return year+'-01-01';//打得到該年的最小一天，當然是1月1日
}

function maxValue(){
  var year=$("#year").val();
  /*var month=12;
 var date = new Date(year,month,1);             //取當年當月中的第一天      
 var lastday=new Date(date.getTime()-1000*60*60*24).getDate();   
 alert(year+"-"+month+"-"+lastday); */
 return year+'-'+12+'-'+31;  //得到該年 最後一天 當然是12月31日。如果給定月的最後一天則用上面程式碼
}
 

html 兩個日期輸入框 分別是：

<input  style="width:80px" id="year" name="s.YEAR" onfocus="WdatePicker({dateFmt:'yyyy'})" />

<input  id="HOLIDAYS_STARTTIME"  onfocus="var min=minValue();var max=maxValue();WdatePicker({dateFmt:'yyyy-MM-dd',minDate:min,maxDate:max})"/>

最小時間最大時間的值也可以手動輸入死數值，下面是直接在表單中用js，正則表示式設定的最小時間方法：

Datepicker 的選項中有一個 minDate（最小日期），如果你把 minDate 設為當前日期，之前的日期就都不能選了。

minDate 可以為：
1、日期物件，例如 new Date()
2、也可以是整數，例如 3 代表 3 天后，-1 代表昨天，0 代表今天
3、也可以是字串，例如 1w 代表 1 星期後，-2m 代表 兩個月之前
 
所以，可以設定為日期物件（當前）或者0。
 
$("#ele").datepicker({
        minDate: new Date()
});
 
或者
 
$("#ele").datepicker({
        minDate: 0
});

若是設定最大時間限制，同理。

最後是怎麼使用WdatePicker時間外掛。

首先：

將圖片中的所有檔案匯入到我們的專案中去。

接著：

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

在頁面引入WdatePicker時間外掛。

最後：呼叫WdatePicker函式

演示：

常用使用程式碼：

<input type="text" id="birth" onfocus="WdatePicker({skin:'twoer'})"/>

其他的大家自行參考文件↓↓↓

歡迎飄過留下修改建議，謝謝。