Выберите вход по имени с помощью 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, так как идентификаторы будут уникальными для каждого добавленного поля.

Datepicker добавлен в другие поля на моей странице, чтобы он работал здесь.

Я также хочу добавить класс = "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' 
}); 

Попробуйте это. надеюсь, что это сработает для вас.