jquery datepicker在表單標記

我正在構建一個網頁，我嘗試使用HTML5做到這一點。不，我嘗試通過交叉瀏覽來實現日期選擇器...和耶...它的工作原理。現在的問題是，如果我將輸入標籤放在我的表單中，那麼datepicker不起作用。這裏是我的例子：jquery datepicker在表單標記

<html lang="en"> 
    <head> 
      <meta http-equiv="Content-Type" content="text/html charset="utf-8" /> 
      <title>My Page.</title> 
      <!--<link rel="stylesheet" href="blog.css" type="text/css">--> 
      <link rel="stylesheet" href="style.css" type="text/css"> 
      <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
      <script src="js/jquery-1.9.1.js"></script> 
      <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

      <script> 
      $(function(){ 
       $("#datepicker").datepicker(); 
       }); 
      </script> 
    </head> 
<body> 
    <form id="create_inserat" action="/inserat.php=<?php tbd ?>" method="post"> 
     <fieldset id="inserat"> 
      <legend>Inserat erfassen</legend> 
      <ol> 
       <li> 
        <label for="start">Startdatum</label> 
        <input type="date" name="date" id="datepicker" value="" /> 
       </li> 
      </ol> 
     </fieldset> 
    </form> 
    ....

怎麼了？爲什麼它能夠工作，如果我有form-tag的輸入標籤，但在form-tag（就像我的例子）它不起作用？

希望，有人可以幫助我。

問候，YAB

來源

2013-07-05 yab86

你可以爲它做小提琴嗎？ – user10

在你的HTML中是否有兩個id =「datepicker」的輸入？ jQuery只會選擇第一個，所以如果在表單之前有另一個，那麼它將不起作用。 http://api.jquery.com/id-selector/ –

-1

其中附加的日期選擇器功能形式的上方，所以當它運行時，因爲它沒有被創建它不能找到的日期選擇器輸入端的元件。你有兩個選擇。

移動腳本的形式
下方運行腳本的onload

編輯：這是廢話在評論中指出，雖然至少我從中學到一些東西。

的問題，其實是有具有相同ID的標記2個datepickers，所以jQuery將只能找到第一個與此結構：

$("#datepicker")

解決方法就是使用一個類日期選擇器而不是ID。 jQuery中的類選擇器將使用class =「datepicker」匹配所有元素，併爲它們應用日期選擇器。

$(function(){ 
     $(".datepicker").datepicker(); 
});

來源

2013-07-05 15:47:42

$（）相當於$（document）.ready（）。 http://api.jquery.com/ready/ – Schleis

非常感謝你的幫助！現在它適用於第一個日期選擇器...問題是，它是其他日期選擇器的形式標籤。我刪除該日期選擇器。現在我還有一個問題：我的表單中有兩個datepicker。第一個完美的作品，但第二個不起作用。 :-( – yab86

我編輯了我的答案，告訴你如何使這項工作。 –

jquery datepicker在表單標記

回答

相關問題