使用Jquery按名稱選擇輸入

Question

我通過單擊按鈕通過外部.js文件添加此輸入字段。 每次單擊按鈕時都會添加。

<input name=​"new" id=​"date" type=​"text" value>​

我想將Jquery-ui datepicker附加到此字段。

這是我現在正在使用的代碼，但是當我使用控制台檢查它時，class =“ hasDatepicker”沒有與添加的新字段相關聯。

$('[name="new"]').datepicker({
        maxDate: '+0d',
    dateFormat: 'yy/mm/dd'
});

我想按名稱而不是id進行選擇，因為id對於添加的每個字段都是唯一的。

日期選擇器已添加到我頁面上的其他字段，因此它也應在此處工作。

我還想附加class =“ btn btn-darkgrey”，以通過Jquery將輸入字段變成按鈕。

Answer 1

嘗試像

$('input[name="new"]').datepicker({
    maxDate: '+0d',
    dateFormat: 'yy/mm/dd'
});

工作場所

Answer 2

如您所說，每次單擊按鈕時都會添加輸入字段。 因此，您必須在該位置添加新輸入字段的地方使用datepicker初始化輸入。 這意味着在單擊按鈕時，您添加了代碼以在下面輸入新的輸入字段，您必須通過$ input = parent_element.find（'input [name =“ new”]'）。last（）查找輸入。

在此處parent_element =中，您將在其中添加/插入新輸入。

並初始化該輸入。

$input.datepicker({
  maxDate: '+0d',
  dateFormat: 'yy/mm/dd'
});

嘗試這個。 希望它對您有用。