Member 13725231 Ответов: 1

Я использую jqeury add new div, когда нажимаю кнопку Добавить новый. Но jquery datetimepiker не открывается в новом div

<!DOCTYPE html>
      <title>Bootstrap Example
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
    <div class="container">
      <h2>Vertical (basic) form</h2>
      
        <div class="form-group">
          Email:
          
        </div>
        <div class="form-group">
          Password:
          
        </div>
        <div class="form-group">
          Date:
          
        </div>
        <div class="form-group">
        Submit
        </div>
            <span class="glyphicon glyphicon-plus"></span>
    </div>
        $(document).ready(function() {

        $("button[name='addDom']").click(function() {
            var domElement = $('<div class="form-group"><label for="date">Date:</label><input type="text" class="form-control" id="datetimepicker" placeholder="Enter Date"></div>');

            $(this).after(domElement);
        });

    });

        $("#datetimepicker").datetimepicker();


Что я уже пробовал:

у меня есть некоторые проблемы в моем этом коде. когда я нажимаю кнопку Плюс и добавляю новый div, который включает в себя ввод даты . datetimepicker открывается сбоку от нового div, но при добавлении нового div он не открывается и не открывается . шоу любезно позвольте мне сообщить, если nay body решит мою проблему, то выбор даты откроется в новом погружении так же, как и за пределами Нового div. спасибо.

1 Ответов

Рейтинг:
0

Chirag Sudra

Привет,

Я не могу найти button name='addDom', поэтому сначала добавьте кнопку с атрибутом name='addDom' или вместо этого используйте id, чтобы просто использовать ее.

Datepicker должен быть повторно инициирован после создания нового элемента. Попробуйте дать общий класс элементу выбора данных например elem-datepicker

$(document).ready(function() {

    $("button[name='addDom']").click(function() {
        var domElement = $('Date:');

        $(this).after(domElement);
    });

    $(document).on('focus', ".elem-datepicker", function () {
            $(this).datepicker();
    });

});