2015-02-12 89 views
0

我已經動態地創建了一個網頁,其中有很少的日期輸入字段。 這些字段具有相同的類別但不同的ID。多輸入表格上的jquery datepicker

這些輸入字段從mysql中填充,所以我不知道點擊字段的ID。

我想在用戶點擊這些字段進行編輯時彈出日期選擇器。

我用下面的代碼進行比較的開始日期與每一行的結束日期,但我得到一個錯誤: 「遺漏的類型錯誤:無法設置屬性未定義‘CURRENTDAY’」

<input type="text" class="selStart" id="'.$row['id'].'" name="selStart'.$a.'" value="'.$row['starts'].'" readonly="readonly" /> 
    <input type="text" class="selEnd" id="'.$row['id'].'" name="selEnd'.$a.'" value="'.$row['ends'].'" readonly="readonly" /> 

    <input type="text" class="selStart" id="'.$row['id'].'" name="selStart'.$a.'" value="'.$row['starts'].'" readonly="readonly" /> 
    <input type="text" class="selEnd" id="'.$row['id'].'" name="selEnd'.$a.'" value="'.$row['ends'].'" readonly="readonly" /> 

    $(".selStart").datepicker(); 

    $(".selEnd").datepicker(); 
+0

您是否也可以包含您的HTML部分。 – Runcorn 2015-02-12 03:47:39

+0

如果你可以在小提琴中重現錯誤會更容易 – Outlooker 2015-02-12 05:02:41

+0

@Outlooker,我的html是動態的,所以實際上我不知道當時的硬代碼是什麼。我知道我的jQuery代碼工作,如果我給它確切的ID,因爲我在我的頁面的其他部分使用這段代碼。我認爲,因爲我通過它的類名調用元素,並且我沒有幾個具有相同的調用名稱,所以datepicked無法運行......我不確定! – Steve 2015-02-12 05:12:13

回答

0

你的代碼已經在的jsfiddle工作爲我好,

Demo

如果您有可能獲得你還沒有包括jQuery用戶界面在你的項目,或j的版本無效彈出麻煩查詢庫。

HTML:

<input type="text" class="selStart" id="firstInput" name="selStart" value="" readonly="readonly" /> 
<input type="text" class="selEnd" id="secondInput" name="selEnd" value="" readonly="readonly" /> 

的jQuery:

$(document).ready(function(){ 
    $(".selStart").datepicker(); 
    $(".selEnd").datepicker(); 
}); 
+0

沒有彈出來,但不會輸出任何東西。但是,我發現這個問題,出於某種原因,它不喜歡我的命名!我改變了,現在它工作!儘管謝謝您的幫助! – Steve 2015-02-12 06:55:12

+0

好吧@Steve,很高興它的作品!你總是可以發佈你的工作解決方案作爲答案.. – Lucky 2015-02-12 06:57:15

0

我改變了我的命名爲脫脂輸入標籤和現在的作品!