Я создал текстовое поле datetimepicker с помощью jquery, но когда я создаю поле динамически в этом динамическом текстовом поле, datetimepicker не работает.

$(document).ready(function() {
  $('#acd').on('click', '.dateyear', function() {
    $('.dateyear').datepicker({
      format: "yyyy",
      viewMode: "years",
      minViewMode: "years"
    });
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.14/jquery.datetimepicker.js"></script>
<div id="acd">
  <div class="row">
    <div class="col-md-2">
      <div class="form-group">
        <input type="text" name="passyr[]" class="form-control dateyear">
      </div>
    </div>
  </div>
</div>
0
Gabrielle-M 2 Янв 2018 в 10:20

2 ответа

Лучший ответ

Я думаю, вы не вызываете средство выбора даты динамически. Необходимо динамически вызывать datepicker (). Означает после создания динамического вызова окна ввода

$('.dateyear').datepicker({
                    format: "yyyy", 
                    viewMode: "years", 
                    minViewMode: "years"
                 });

Тоже есть.

0
Raju 2 Янв 2018 в 07:32

Это связано с тем, что при инициализации datepicker ".dateyear" не загружается, поэтому $ не может найти элемент ".dateyear", поэтому он не может связать datepicker с ".dateyear". при нажатии на текстовое поле не отображается датапикер. Вам необходимо инициализировать datepicker, когда ваш динамический элемент присоединяется к структуре DOM.

0
Darshit Patel 2 Янв 2018 в 12:25