2015-01-15 67 views
3

我正在使用XDSoft的DateTimePicker,我無法理解minDatemaxDate時間參數。 http://xdsoft.net/jqplugins/datetimepicker/#mindateminDate/maxDate與XDSoft的DateTimePicker

minDate:'-1970/01/02', // yesterday is minimum date(for today use 0 or -1970/01/01) 
maxDate:'+1970/01/02' // tommorow is maximum date calendar 

我不知道如何-1970/01/02轉化爲yesterday?如果我將它設置爲0,它適用於「今天」限制。但我在頁面上有兩個日期選擇器,我需要更新第二個日期選擇器,以便它不能在第一個之前。

如何實現類似minDate: 2015/01/20的東西?

這不是jQuery UI插件。

回答

1

案例:我在頁面上有兩個日期選擇器,我需要更新第二個,以便它不能在第一個之前。

解決方案:我希望下面的例子會幫助你!

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
<meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
 
<link rel="stylesheet" type="text/css" href="./jquery.datetimepicker.css"/> 
 
</head> 
 
<body> 
 

 
<p> 
 
\t Start 
 
\t <input id="date_timepicker_start" type="text" value=""> 
 
\t End 
 
\t <input id="date_timepicker_end" type="text" value=""> 
 
</p> 
 

 

 
<script src="./jquery.js"></script> 
 
<script src="./jquery.datetimepicker.js"></script> 
 
<script> 
 
jQuery(function(){ 
 
jQuery('#date_timepicker_start').datetimepicker({ 
 
    format:'Y-m-d H:i', 
 
    onShow:function(ct){ 
 
    this.setOptions({ 
 
    maxDate:jQuery('#date_timepicker_end').val()?jQuery('#date_timepicker_end').val():false, 
 
    formatDate: 'Y-m-d H:i' 
 
    }) 
 
    }, 
 
    timepicker:true 
 
}); 
 
jQuery('#date_timepicker_end').datetimepicker({ 
 
    format:'Y-m-d H:i', 
 
    onShow:function(ct){ 
 
    this.setOptions({ 
 
    minDate:jQuery('#date_timepicker_start').val()?jQuery('#date_timepicker_start').val():false, 
 
    formatDate: 'Y-m-d H:i' 
 
    }) 
 
    }, 
 
    timepicker:true 
 
}); 
 
}); 
 
</script> 
 
</body>

1

我剛剛遇到過類似問題與控制,並沒有發現的文檔非常有幫助。我發現設置日期最簡單的方法是首先將它申報爲JS Date對象,並用它來設置的minDate:

var minStartDate = new Date(2015, 09, 26); 

    $('#MyDatePicker').datetimepicker({ 
     format: 'd/m/Y', 
     minDate: minStartDate, 
     timepicker: false 
    }); 

上面的代碼將最小日期設置爲10月26日 - 2015年。請記住,JS日期對象上的月份編號是零索引;所以一月= 0,二月= 1等等

0

剛剛成立的:

minDate: "2015/01/20" 

正常工作對我來說,只能在這種格式壽。如果你使用不同的時間格式,你將需要轉換格式。

同用時:

minTime: "11:00" 

我有一個控制它處理的開始日期,另外一個它有一個結束日期。結束日期每次啓動日期更改時都會修改結束日期。