javascript - 将 HTML 日期从表单转换为 JavaScript 以比较两个日期。

标签 javascript html forms date

<分区>

我正在尝试编写一个程序,使用 JavaScript 计算两个日期之间的差异。我要比较的两个日期是使用日期格式使用 HTML 表单输入的。我想使用 javaScript 比较两个输入的日期,具体来说,找出这两个日期在整周和剩余天数之间的差异。我已经设法比较了 javaScript 中的两个硬编码日期,但是在使用表单中的两个日期时遇到了麻烦。任何指针将不胜感激! 下面是 javaScript 程序:

   <!DOCTYPE html>
   <html>
   <title> Dates </title>
   <head>Class Test

   <script language="javascript">
   function Ict5() { // ALERT BOX
   today = new Date(); //Using new Date(), creates a new date object with the current date and time

  birthday = new Date("March 28, 1995"); //using new date with stuff in the brackets, assigns the date to the variable
  birthday.setFullYear(1995); 
  msPerDay = 24 * 60 * 60 * 1000;
  msPerWeek = 7 * 24 * 60 * 60 * 1000;
  msBetween = (today.getTime() - birthday.getTime()); //get time Returns the number of milliseconds since midnight Jan 1, 1970
  daysBetween = Math.round(msBetween/msPerDay); //math round returns the value of a number rounded to the nearest integer.
  weeksBetween = Math.floor(msBetween/msPerWeek);
  window.alert("There are " +daysBetween+ " days or " +weeksBetween+ " full weeks between my date of birth and today ");
  }
  </script>
  </head>
  <body>

  <H1> An Example of Form </H1>



 <Form action="process.pl" method="POST" name="MyForm" onsubmit="return formValidation()">

            <p>Enter Date:</p>
            <input type=date name="date1" id="date1">
            <input type=date name="date2" id="date2">
 <button type="button" onclick="Ict5()">Calculate Fare</button><br>

    </Form>        


 </body>

</html> 

最佳答案

您可以使用 moment.js library 来完成此操作特别是 manipulation methods .将 JS 日期转换为 moment 对象后,您可以查询 moment.week() 并获取您要查找的数字。

var week1 = moment("2015-2-1").week(); var week2 = moment("2015-2-8").week(); var numOfWeeksInBetween = week2 - week1;

关于javascript - 将 HTML 日期从表单转换为 JavaScript 以比较两个日期。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28754003/

相关文章:

python - flask 路线与引导模式形式不能很好地配合,生成形式未定义的错误

javascript - D3.js 时间刻度怪异,值为 "11 PM"

javascript - HTML 文件中包含的脚本无法在 Google Apps 脚本 HTMLService 中运行

javascript - 另一个 div 中的粘性侧边栏

javascript - 我想在页面或 float 模式上添加一个 float div,使页面保持事件状态

php - 使用 php 文件连接 wordpress 上的表单页面

javascript - 将 JSON 列表从 Javascript 发送到 Django 后端并正确解析它

javascript - javascript && 运算符如何工作

html - img 缩放到 div 内的视口(viewport)

javascript - 当我单击框中的任意位置时,如何正确选中此复选框?