使用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'
});

尝试这个。 希望它对您有用。