При использовании innerHTML для создания функции ввода js function error

При использовании innerHTML для создания проблемы с типом ввода я не могу перестроить функцию jQuery или javascript.

например: http://jsfiddle.net/tommylylck/gLv9e/

HTML:

<p>Date: </p>

<button id="block2" onclick="myFunction()">Add Date input</button>

Javascript с jQuery-UI

$(function() {
 $( "#datepicker" ).datepicker();
});


function myFunction()
{
document.getElementById("demo").innerHTML='<p>Date: </p>';
}
1 ответ

Из этого ответа (jquery load append datepicker function) я экстраполирую мой.

HTML:

<p>Date:
 
</p>
<button id="add-datepicker">Try it</button>

Javascript (чистый JQuery):

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

 $("#add-datepicker").click(function () {
 var picker = $("", {
 type: 'text',
 id: "datepicker" + $("#demo").children().length + 1
 }).datepicker();
 $("#demo").append(picker);
 });
});

Вы можете попробовать его здесь: http://jsfiddle.net/franverona/Tza5M/

Я предлагаю вам не смешивать чистый Javascript с JQuery, потому что JQuery. Вы можете закончить свой день, написав document.getElementById("datepicker").append($("#button")) и ваш браузер взорвется :)

Счастливое кодирование!

licensed under cc by-sa 3.0 with attribution.