2013-01-16 100 views

回答

7

沒有默認的方式但在劍道UI演示頁面一個例子,可以幫助你。閱讀here

基本放棄這個HTML:

<div class="demo-section" style="width:470px"> 
    <label for="start">Start date:</label> 
    <input id="start" value="10/10/2011"/> 

    <label for="end" style="margin-left:3em">End date:</label> 
    <input id="end" value="10/10/2012"/> 
</div> 

這DatePicker的初始化:

var start = $("#start").kendoDatePicker({ 
    change: startChange 
}).data("kendoDatePicker"); 

var end = $("#end").kendoDatePicker({ 
    change: endChange 
}).data("kendoDatePicker"); 

start.max(end.value()); 
end.min(start.value()); 

他們提出以下startChangeendChange功能:

function startChange() { 
    var startDate = start.value(); 

    if (startDate) { 
     startDate = new Date(startDate); 
     startDate.setDate(startDate.getDate() + 1); 
     end.min(startDate); 
    } 
} 

function endChange() { 
    var endDate = end.value(); 

    if (endDate) { 
     endDate = new Date(endDate); 
     endDate.setDate(endDate.getDate() - 1); 
     start.max(endDate); 
    } 
} 
1

沒有默認的方式。使用change事件比較兩個不同datepickers的日期,並提醒用戶,如果它是不正確的。請記住,讓你應該使用value方法的價值。

+0

非常感謝隊友 – StarDust

+0

非常感謝OnaBai爲你所有的幫助 – StarDust

相關問題