使用javascript的兩個Ajax日期時間選擇器之間的天數

Question

我在我的aspx選擇器中有兩個Ajax日期時間選擇器。我希望在腳本中可以計算兩個日期之間的天數，並將「Number_Of_Days」文本框使用沒有頁面刷新的java腳本。對於從第二個日期開始的日期選擇，它應該計算應該檢查第一個日期時間選擇器的日期是否被選中的天數。

Answer 1

這裏試試這個。

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
FROM: 
<asp:TextBox 
    ID="dateFrom" 
    runat="server" /> 
<asp:CalendarExtender 
    ID="ajxCEFrom" 
    runat="server" 
    TargetControlID="dateFrom" 
    OnClientDateSelectionChanged="calcDays"/> 
TO: 
<asp:TextBox 
ID="dateTo" 
runat="server" /> 
<asp:CalendarExtender 
    ID="ajxCETo" 
    runat="server" 
    TargetControlID="dateTo" 
    OnClientDateSelectionChanged="calcDays"/> 
<div> 
    DIFFERENCE: <span id="result"></span> 
</div> 

並將此代碼用於您的JavaScript。

<script type="text/javascript"> 
function calcDays() { 
    var d1 = document.getElementById("<%=dateFrom.ClientID%>"); 
    var d2 = document.getElementById("<%=dateTo.ClientID%>"); 
    var result = document.getElementById("result"); 

    if(d1.value != "" && d2.value != ""){ 
     var dateFrom = new Date(d1.value); 
     var dateTo = new Date(d2.value); 
     var oneDay = 24 * 60 * 60 * 1000; 
     var diffDays = Math.abs((dateFrom.getTime() - dateTo.getTime())/(oneDay)); 
     result.innerHTML = diffDays + " day/s apart."; 
    } 
} 
</script> 

希望它有幫助。

Answer 2

你可以嘗試使用像糖js，http://sugarjs.com/api/Date/unitsUntil庫。它有一些非常方便的功能來處理日期等。