顯示javascript結果這是輸入標記內日期之間的差異

Question

我是新的和學習編程語言， 在這裏我想問如何將javascript結果（日期）放入輸入標記html。

結果似乎沒有出現在輸入標籤內。

這裏是我寫的函數：

function updatesum() { 
    var d1= new Date(document.getElementById("d1").value;); 
    var d2 = new Date(document.getElementById("d2").value;); 
    var total = (d2.getDate() - d1.getDate())/30 + 
d2.getMonth() - d1.getMonth() + 
(12 * (d2.getFullYear() - d1.getFullYear())); 
    // alert(total); 
    document.getElementById("txtTotal").value = total; 
    return false; 
} 

，這是HTML表單：

<br> 
<form name="input" action="#" method="get" onsubmit="return false;" > 
Start date:<input class= "d1" type="text" name="d1" value="" id="d1" /> 
End Date:<input class="d2" type="text" name="d2" value="" id="d2" /> 
<br> 
<br> 
Total Month in fraction:<input type="text" name="total" value=" " 
id="txtTotal"/> 
<input type="submit" value="Submit" onclick="updatesum()"/> 
</form> 

函數的結果應該是在輸入表格

https://jsfiddle.net/syafieqq/c8L68bjj/2/

UPDATE正確答案

http://jsfiddle.net/syafieqq/69m3LkLv/4/

Answer 1

你有一個錯字在你的代碼：

<header> date format ex: 2010/11/23</header> 
 
<br> 
 
<form name="input" action="#" method="get" onsubmit="return false;" > 
 
    Start date:<input class= "d1" type="text" name="d1" value="" id="d1" /> 
 
    End Date:<input class="d2" type="text" name="d2" value="" id="d2" /> 
 
    <br> 
 
    <br> 
 
    Total Month in fraction:<input type="text" name="total" value=" " id="txtTotal"/> 
 
    <input type="submit" value="Submit" onclick="updatesum()"/> 
 
</form> 
 

 
<script> 
 
    function updatesum() { 
 
    var d1= new Date(document.getElementById("d1").value); // was value;); removed inner ; 
 
    var d2 = new Date(document.getElementById("d2").value); // was value;); removed inner ; 
 

 
    var total = (d2.getDate() - d1.getDate())/30 + 
 
     d2.getMonth() - d1.getMonth() + 
 
     (12 * (d2.getFullYear() - d1.getFullYear())); 
 
    // alert(total); 
 
    document.getElementById("txtTotal").value = total; 
 
    return false; 
 
    } 
 
</script>