如何在一個html聯繫表單中包含兩個日期選擇器？

Question

我試圖開發一個簡單的html聯繫表單，幷包含兩個日期選擇器。 一個選擇器正在工作，但另一個不工作？ 背後的原因是什麼？我怎麼能把日期選擇器？

<form action="form.php" method="post" enctype="multipart/form-data"> 

     <h1 class="title">Contact</h1> 

     <label></label> 
     <input name="name" required="required" placeholder="Your Name"> 

     <label></label> 
     <input name="email" type="email" required="required" placeholder="Your Email"> 

     <label></label> 
     <input name="date2" type="text" required="required" id="datepicker" placeholder="Your Arrival"> 

     <label></label> 
     <input name="date" type="text" required="required" id="datepicker" placeholder="Your Date"> 

     <input id="cancel" name="cancel" value="Cancel" /> 

     <input id="submit" name="submit" type="submit" value="Submit"> 

    </form> 

</section> 

Answer 1

試試這個

<input type="date" name="dateField1"> 
<input type="date" name="dateField2"> 

Answer 2

嘗試不同的ID爲您的日期字段

<input name="date2" type="text" required="required" id="datepicker2" placeholder="Your Arrival"> 

<input name="date" type="text" required="required" id="datepicker" placeholder="Your Date"> 

你也應該在你的js開始作爲一個日期字段你datepicker2/jquery腳本