引言:前段時間在做項目的時候 ,有一個要求是使用者在選擇時間的時候,隻能選擇現在和站将來的時間。在網上查了一些有關日期控件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方法獲得目前時間來限制可選擇的最小時間;