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都是唯一的。

将datepicker添加到我页面上的其他字段中，因此它也可以在这里工作。

我还想追加class =“btn btn-darkgrey”，通过Jquery将输入字段变成按钮。

Answer 1

尝试

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

工作FIDDLE

Answer 2

正如您所说，每次单击按钮时添加输入字段。所以，在那个地方你添加了新的输入字段，你必须使用datepicker初始化输入。这意味着在按钮单击时，您添加了代码以在您必须查找输入的下方插入新输入字段 $ input = parent_element.find（'input [name =“new”]'）。last（）。

此处为parent_element =您要添加/插入新输入的内容。

并初始化该输入。

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

试试这个。希望它对你有用。

使用Jquery按名称选择输入

2 个答案: