Изменить текст в поле ввода datepicker onclick

Question

Я пытаюсь вставить датупик JQuery на свою веб-страницу. Я импортирую правильно, потому что у меня есть работа над формой на другой странице, но я пытаюсь сделать что-то совсем другое на этом. У меня есть предварительно введенная дата, отображаемая на странице с небольшим значком «редактировать» рядом с ней. Я хочу щелкнуть по значку и изменить дату в поле ввода, которое действует как datepicker. Он успешно переходит в текстовое поле ввода, но по какой-то причине календарь datepicker не появляется, когда я его выбираю.

Мой HTML:

<a class="edit" href="#!" onClick="editStart()"> 
    <i class="icon-edit icon-white"></i> </a> Start Time: 
     <span style="outline-color:black;" id="start">{{ event.start }}</span> 

Javascript:

function editStart(){ // Makes start time of event editable 
    $('#tabs2').slideDown(200); 
    $('#start').html('<input type="text" id="datepicker">'); 
} 

Answer 1

После добавления ввода текста в HTML, вы все равно нужно вызвать DatePicker jQuery «s на нем:

function editStart(){ // Makes start time of event editable 
    $('#tabs2').slideDown(200); 
    $('#start').html('<input type="text" id="datepicker">'); 
    $('#datepicker').datepicker(); 
} 

Answer 2

Создание поля ввода с определенным идентификатором недостаточно. Вам нужно запустить datepicker на вашем поле. Так, например:

$("#datepicker").datepicker(); 

Это поле не нужно создавать по сценарию. Он может присутствовать на вашей странице, вам просто нужно запустить datepicker, когда он вам понадобится.