基于用户输入Javascript计算运行时间_Javascript

基于用户输入Javascript计算运行时间

javascript

基于用户输入Javascript计算运行时间,javascript,Javascript,基本上，我尝试让用户以mm/dd/yyyy的形式输入日期。它可以是任何日期，但他们必须选择它。我想做的是计算自输入日期起经过的年、月和日数。我已经到了他们可以选择日期的地步，但除此之外，我还被难住了。以下是我得到的： <!DOCTYPE html> <html> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> &l

基本上，我尝试让用户以mm/dd/yyyy的形式输入日期。它可以是任何日期，但他们必须选择它。我想做的是计算自输入日期起经过的年、月和日数。我已经到了他们可以选择日期的地步，但除此之外，我还被难住了。以下是我得到的：

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<Title>Elapsed Time Calculator</Title>
<script src="modernizr.custom.05819.js"></script><!--Links to file containing modernizer library-->

<body>
<!-- Navigation -->
    <nav>
      <ul class="w3-navbar w3-black">
        <li><a href="file:///C:/Users/Kyle/Desktop/Document1.html">Home</a></li> <!--Link to Home Page-->
        <li><a href="file:///C:/Users/Kyle/Desktop/Document2.html">NHL Teams</a></li><!--Link to Page of NHL Teams-->
        <li><a href="file:///C:/Users/Kyle/Desktop/Document3.html">AHL Teams</a></li><!--Link to Page of AHL Teams-->
        <li><a href="file:///C:/Users/Kyle/Desktop/Document4.html">WHL Teams</a></li><!--Link to Page of WHL Teams-->
        <li><a href="file:///C:/Users/Kyle/Desktop/Document5.html">G.A.A. Calculator</a></li><!--Link to Page of WHL Teams-->
        <li><a href="file:///C:/Users/Kyle/Desktop/Document6.html">Fan Survey</a></li><!--Link to Fan Survey Page-->
        <li><a href="file:///C:/Users/Kyle/Desktop/Document7.html">Web Safety</a></li><!--Link to Page about Web Safety-->
        <li><a href="file:///C:/Users/Kyle/Desktop/Document8.html">Elapsed Time</a></li><!--Link to Page That Calculates Elapsed Time Between Two Dates-->
      </ul>
    </nav>
    <header>
             <h1 style="text-align:center;">Elapsed Time</h1>
    </header>
    <article>
        <form>
          <fieldset>
            <label for="dateSelected">
              Select a date
            </label>
            <input type="date" id="dateSelected" />
          </fieldset>
          <label for "timeElapsed"> Time Elapsed: </label>

          </form>
</article>
</body>
</html>


运行时间计算器










经过的时间
选择一个日期
经过的时间：

如果我没记错的话，你要做的就是把日期转换成毫秒，然后再从这个数字转换过来，但我不太确定当涉及到用户输入的数据时，该怎么做。有人能帮忙吗？

使用此处描述的方法之一创建一个新日期，然后使用此问题中的代码

是否使用JavaScript搜索并计算两个日期之间的差异？我搜索了，但我从未发现任何关于使用用户输入日期的真正提及。值是一个字符串，读取该字符串，将其设置为

new Date（）

可能是的副本。简单地转换成毫秒，然后再转换成天，等等，是行不通的，因为不是所有的天都是24小时长的，月和年的长度是不等的。这应该是一个注释。最好是参考或参考。