如何在html中使用java脚本计算日期差异,而无需单击提交按钮

How to calculate date difference in html using java script without clicking submit button

本文关键字:按钮 提交 单击 日期 计算 html 脚本 java      更新时间:2023-09-26

我在表单中手动给出两个日期,之后还有一个空框,日期差异应该在第三个框中使用java脚本动态计算天数对我来说,它的工作,当我点击提交按钮和使用提交按钮属性,但我希望它应该得到计算后进入第二个日期第二个框,它应该显示在第三个框这里是我的代码....请帮我一下。

脚本

   function dateDiff() {
    date1 = new Date();
    date2 = new Date();
    diff = new Date();
    date1temp = new Date(dateform.firstdate.value);
    date1.setTime(date1temp.getTime());
    date2temp = new Date(dateform.seconddate.value);
    date2.setTime(date2temp.getTime());
    diff.setTime(Math.abs(date1.getTime() - date2.getTime()));
    timediff = diff.getTime();
    days = Math.floor(timediff / (1000 * 60 * 60 * 24));
    dateform.difference.value = days;
    return false;
   }

<form>
    <fieldset>
        <label for="Enter leave starting date">Enter leave starting date
            <input type="text" name="firstdate" />
        </label>
        <label for="Enter leave ending date">Enter leave ending date
            <input type="text" name="seconddate" onkeyup="return dateDiff();" />
        </label>
       <label>
         Date Difference (in days):  <input type=text name=difference>
      </label>
    </fieldset>
</form>

实际上,代码工作…您唯一需要做的就是为表单指定脚本

中使用的名称。
<form name="dateform">

…我在你的小提琴上测试了一下,效果很好:http://jsfiddle.net/byJKg/5/…但是,您可能需要检查datediff是否不是NaN

if(!isNaN(days)){
   dateform.difference.value = days;
}

[编辑]…我刚看到那不是你的小提琴....但由Felix Lahmer张贴的小提琴,与您的源代码