同じ内容のHTML 2領域

私はGroovy/Grailsに基づいて日付ピッカーを実行しようとしています。私はHTMLに精通していませんが、ユーザーがクリックして日付を正しく選択してデータベースに保存するとカレンダーが表示される選択領域を管理しました。しかし、私は別のものを作り、それを終了日として使用したい。私は多くのことを試みましたが、私はそれをすることはできませんでした。誰も助けることができますか？これまでのコードです：同じ内容のHTML 2領域

<!DOCTYPE html> 
<html> 
<head> 
    <meta name="layout" content="main"/> 
    <title>WannabeDoodle</title> 

    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 

    <script> 
     $(document).ready(function() { 
     $("#datepicker").datepicker(); 
     }); 
    </script> 

</head> 
<body> 

    <center><h1><b>Schedule an event</b></h1></center> 
    <br> 
    <center><font color="#2977C1">1. Generals ></font> <b>2. Set the date ></b> 3. Invite</center> 
    <br> 

    <g:form controller="SetDate" action="next"> 

     <div class="fieldcontain"> 

      &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; 
      <form> 
       <label for="startDate">Select date</label> 
       <g:textField name="startDate" id="datepicker" value="${startDate}"/> 
      </form> 
      <br><br> 

      <center> 
      <a href="http://localhost:8080/Groodle/CreateGenerals"><font color=#2875bd>Back</font></a> 
      &emsp; 
      <g:actionSubmit class="buttons" value="Next"/> 
      </center> 

     </div> 
    </g:form> 

</body> 
</html>

出典

2017-08-19 xitro

私はそれを修正しました。スクリプトでdatepicker2という名前の2番目のdatepicker IDを作成し、終了日に使用しました。

<!DOCTYPE html> 
<html> 
<head> 
    <meta name="layout" content="main"/> 
    <title>WannabeGroodle</title> 

    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 

    <script> 
     $(document).ready(function() { 
     $("#datepicker").datepicker(); 
     $("#datepicker2").datepicker(); 
     }); 
    </script> 

</head> 
<body> 

    <center><h1><b>Schedule an event</b></h1></center> 
    <br> 
    <center><font color="#2977C1">1. Generals ></font> <b>2. Set the date ></b> 3. Invite</center> 
    <br> 

    <g:form controller="SetDate" action="next"> 

     <div class="fieldcontain"> 

      <form> 
       &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; 
       <label for="startDate">Select date</label> 
       <g:textField name="startDate" id="datepicker" value="${startDate}"/>  
       <br><br> 

       &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; 
       <label for="endDate">Select end date</label> 
       <g:textField name="endDate" id="datepicker2" value="${endDate}"/>    
      </form> 
      <br><br><br> 

      <center> 
      <a href="http://localhost:8080/Groodle/CreateGenerals"><font color=#2875bd>Back</font></a> 
      &emsp; 
      <g:actionSubmit class="buttons" value="Next"/> 
      </center> 

     </div> 
    </g:form> 

</body> 
</html>

出典

2017-08-19 11:51:12 xitro

答えて

関連する問題