Javascript-форум - DatePicker не работает при сипользование innerHTML

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - DatePicker не работает при сипользование innerHTML (https://javascript.ru/forum/jquery/2053-datepicker-ne-rabotaet-pri-sipolzovanie-innerhtml.html)

DatePicker не работает при сипользование innerHTML

Здравствуйте всем. Для личных нужд решил воспользоваться календарем DatePicker, все прекрасно работает. Но в ситуации когда с помощью JavaScript добавляю Input в document календарь не работает. вот часть кода

index.php

Код:

        <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>

        <script type="text/javascript" src="js/ui.datepicker.js"></script>

        <link href="css/ui.datepicker.css" type="text/css" rel="StyleSheet">

        <script>

              $(document).ready(function(){

                   $('#basics').datepicker();

                });

        </script>

.....

<a onclick="calendar()" href="#">Календарь</a>

.....

        <div id="querybody"></div>

......

man.js

function calendar()
{
     var divQueryGroup = document.getElementById("querybody");
     divQueryGroup.innerHTML = "<input type=\"text\" size=\"10\" value=\"click here\" id=\"basics\"/>";
}

После нажатия на "Календарь" появляется поле Input, но календарь не появляется.

Эх опять пример копирования кода jQuery без понимания того, что он делает :-(

$(document).ready(function(){
  $('#basics').datepicker();
});

Вы выполняете действия над несуществующим объектом.
В функции «calendar» после того, как добавили <input>, выполните:

$('#basics').datepicker();

Да. виноват. все заработало. Почитаю доки для jQuery... спасибо