2017-02-12 8 views
-2

基本的には、ユーザに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> 

私が右覚えていれば、あなたはこのことについて行くだろう方法は、ミリ秒に日付を変換し、その番号からの変換ですが、私は行くことはどのように非常にわからないんだけどそれについては、ユーザーが入力したデータに関しては、誰でも助けることができますか?

+0

からのコードを使用し、その後、ここでhttp://www.w3schools.com/js/js_dates.asp説明する方法のいずれかを使用して、新しい日付を作成しますか? – epascarello

+0

私はしましたが、ユーザー入力日付を取ることについての実際の言及は一度も見つかりませんでした。 –

+0

値は文字列です。文字列を読み込み、 'new Date()'で設定してください – epascarello

答えて

0

あなたは計算のためにJavaScriptを使用して2つの日付の差を検索しました。この問題Calculate time difference between two times javascript

+0

これはコメントでなければなりません。 [* EMCA-262 *](http://ecma-international.org/ecma-262/7.0/index.html#sec-date-objects)や[* MDN *](https:// developer .mozilla.org/ja-US/docs/Web/JavaScript/Reference/Global_Objects/Date)。 – RobG

関連する問題