2016-04-14 15 views
-2

今日の日付を確認するにはどうすればよいですか? 日付が今日よりも大きい場合は提出しませんか?html日付が> NOWであることを確認してください

<html> 

<head> 


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript"> 
function checkDate() { 

      var EnteredDate = $("#since").val(); // For JQuery 

      var month = EnteredDate.substring(0, 2); 

      var date = EnteredDate.substring(3, 5); 

      var year = EnteredDate.substring(6, 10); 

      var myDate = new Date(year, date-1, month); 

      var today = new Date(); 

      if (myDate > today) { 
       alert("Entered date is greater than today's date "); 
      } 

     } 
</script> 

</head> 

<body>  


     <form action=""> 


      <ul> 

       <li> 
        <label>Member Since </label> 

      <input id = "since" name="since" size="2" maxlength="6" value="" type="date" required/> 

       </li> 

       <li> 

        <input type="Submit" name="Submit" id="btsubmit" value="Submit" onclick="checkDate();"/> 
       </li> 
      </ul> 
     </form> 




</body> 

</html> 

更新

はEnteredDate.substring(X、X)のわずかな変化を伴う@Gauravマヒンドラの回答を試みました。 input type="date"属性の形式がhtmlの場合はmm-dd-yyyy なのでなぜ機能しないのですか?

答えて

0

これは私のために働いています。

<html> 
    <head> 
     <title>Date Check</title> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
     <script type="text/javascript"> 
      function checkDate() { 
      //var EnteredDate = document.getElementById("txtdate").value; //for javascript 

      var EnteredDate = $("#txtdate").val(); // For JQuery 

      var date = EnteredDate.substring(0, 2); 
      var month = EnteredDate.substring(3, 5); 
      var year = EnteredDate.substring(6, 10); 

      var myDate = new Date(year, month-1, date); 

      var today = new Date(); 

      if (myDate > today) { 
       alert("Entered date is greater than today's date "); 
      } 

     } 
     </script> 
    </head> 

    <body> 
     Enter Date in (dd-mm-yyyy format) : <br/> 
     <input type="text" id="txtdate" name="txtdate"/> 
     <input value="SUBMIT" type="submit" id="btnsubmit" onclick="checkDate();"/> 
    </body> 

</html> 
+0

私はあなたの答えを試してみましたが、あなたは日付を使用している間、私の答えのIユーザーテキスト入力タイプでは、私の質問 – diededpool

+0

を更新しました - :それはあなたをお手伝いします願っています。テキスト入力型で試してみてください。 –

関連する問題