2013-04-10 59 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