Используйте JQuery Datepicker для динамически создаваемых полей

Я должен использовать DatePicker на WordPress сайте, в котором плагин динамически создает поля с тем же именем (массив), тот же #ID и тот же класс. Я пытаюсь использовать его с помощью фокуса, но я получил ошибку на нем

TypeError: inst is undefined

Пожалуйста привет

   <html>
        <head>
            <title>TODO supply a title</title>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link href="assests/jquery-ui.min.css" rel="stylesheet">
            <script src="assests/jquery.js"></script>
            <script src="assests/jquery-ui.js"></script>
        </head>
        <body>
            <div class="mytemplate" style="display: none;">
                <input id="datepicker" type="text" name="name[]">
            </div>
            <div class="dates">
            <div>
                <input id="datepicker" type="text" name="name[]">
            </div>
            </div>
            <input type="button" value="Add more" onclick="myfunction()">
            <script>
                function myfunction() {
                    $(".mytemplate").clone().removeClass("mytemplate").show().appendTo(".dates");
                }
            </script>
            <script>
                $(document).on("focus", "#datepicker", function(){
                    $(this).datepicker();
                });
            </script>
        </body>
    </html>

Ответы на вопрос(1)

Ваш ответ на вопрос