2013-04-10 77 views
0

我有一個代碼到5天添加JavaScript中的當前日期,但是我無法把這個表單中。這是我在腳本標記的功能代碼:添加天爲當前日期用JavaScript的形式

function checkDate() { 
document.getElementById('dateBtn').onclick = function checkDate() { 
    var dt = new Date(); 
    dt.setDate(dt.getDate() + 5); 
    alert(dt); 
}; 

}

我打過電話形式在這個函數中,名稱和屬性:

<form name="Shopping" action="Confirmation_Shop.html" method="get"> 

要調用的函數從當前日期檢查5天,我用下面的代碼就這麼:

<input type="button" value="Check Date" onclick="CheckDate()"> 

當我運行網頁時,顯示按鈕,但確實什麼都沒有,但其他按鈕,如我的「提交」按鈕,並用功能檢查項目的費用使用數組的作品頁面上的鏈接按鈕。我已經使用這個代碼,檢查日期按鈕也試過:

<input type="button" value="Check Date" onload="CheckDate()"> 

我用這個時候仍然得到同樣的錯誤,點擊後按鈕什麼都不做。

幫助我將非常感激。 謝謝!

編輯:如果我運行一個單獨的html文件這一功能,只是使身體而不是在表單中的按鈕,當我點擊它,它工作完全正常。

+0

你已經寫了功能相同名稱的兩個的onclick事件...... – 2013-04-10 08:49:27

回答

1

該按鈕並做一些事情。它爲一個不存在的元素(id ='dateBtn')創建一個onclick事件(不管您的示例代碼如何)。

我想也許你想要的是這樣的:

function CheckDate() { 
    var dt = new Date(); 
    dt.setDate(dt.getDate() + 5); 
    alert(dt); 
} 

注:我也改變了你的函數名的外殼,使之與HTML相匹配。我不喜歡做內嵌的html事件處理程序(或任何你稱之爲他們)。我個人不喜歡做內聯的html事件處理程序(或任何你稱之爲)。我會更喜歡這樣的:

document.onload = function(){ 
    document.getElementById('dateBtn').onclick = CheckDate; 
} 

function CheckDate() { 
    var dt = new Date(); 
    dt.setDate(dt.getDate() + 5); 
    alert(dt); 
} 

與這個網站:

<input id="dateBtn" type="button" value="Check Date"> 

...我想你的問題總體上已搞混了試圖在同一時間做兩種不同的方式

+0

我看到,現在的作品!非常感謝! – user2262982 2013-04-10 08:50:35