天天看點

使DataPicker隻能選擇現在和将來的時間

引言:前段時間在做項目的時候 ,有一個要求是使用者在選擇時間的時候,隻能選擇現在和站将來的時間。在網上查了一些有關日期控件DataPicker的資源,最後終于做出來了……

一、找到WdataPicker.js 将擷取目前時間的方法 CurrentTime()寫在檔案的開頭;

function CurrentTime(){
     		var now = new Date();
     		var year = now.getFullYear();
     		var month = now.getMonth()+1;
     		var day = now.getDate();
     		var hh = now.getHours();
     		var mm = now.getMinutes();
     		var clock = year+"-";
     		if (month<10) clock=clock+"0";
     		clock+=month+"-";
     		if (day<10){
        		clock+="0";
     		}
     		clock+=day+" ";
     		if (hh<10) clock+="0";
     		clock+=hh+":";
     		if (mm<10) clock++"0";
     		clock+=mm;
     		return (clock);
	}
           

注:在這裡有兩個地方是需要注意的

1、獲得年份的時候, 為了在IE跟FF裡都得到正确的年份,在這裡必需用getFullYear這個方法。

2、獲得月份的時候,必須要+1,因為在js中,月份是從0開始算起的。

二、在調用的時候,使用minDate來限制最小時間

<input type="text" name="beginTime" id="beginTime" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:false,
		readOnly:true,minDate:currentTime()})">
           

    這樣在使用者點選文本框的時候,就會在調用WdatePicker方法來初始化日期插件時,通過調用WdataPicker.js裡的currentTime方法獲得目前時間來限制可選擇的最小時間;

繼續閱讀