Выбор даты, когда HTML добавляется из JavaScript - PullRequest
Новая
       14

Выбор даты, когда HTML добавляется из JavaScript

0 голосов
/ 22 февраля 2019

Я использую daterangepicker (http://www.daterangepicker.com/), и он работает нормально, когда я применяю его к '.dates'. 

<input class="ff-text dates" type="text">

Следующее используется для создания всех классов дат для daterangepicker. 

$('.dates').daterangepicker({
  "startDate": "02/15/2019",
  "endDate": "02/21/2019"
});

Проблема возникает, когда HTML добавляется через javascript. 

<input class='ff-text dates' type='text'>

HTML добавляется при нажатии кнопки, HTML-код отображается так, как должен, но вводполе не является полем даты.

Буду признателен за любые предложения.

1 Ответ

0 голосов
/ 22 февраля 2019

вам нужно перезапустить средство выбора даты при добавлении html.в идеале вы должны добавить идентификатор к новому входу и запустить указатель даты только для этого

например 

var someCounterForYourInputs = 0;
functionThatAddsYourHTML() {
    someCounterForYourInputs++;
    $('wherever-youre-adding').append($('<input id="sweet_dates_'+someCounterForYourInputs+'" class="ff-text dates" type="text"/>'));
    $('#sweet_dates_'+someCounterForYourInputs).daterangepicker({
        "startDate": "02/15/2019",
        "endDate": "02/21/2019"
    });
}

или, альтернативно, счетчики не требуются: 

functionThatAddsYourHTML() {
    var newInput = $('<input class="ff-text dates" type="text"/>');
    $('wherever-youre-adding').append(newInput);
    newInput.daterangepicker({
        "startDate": "02/15/2019",
        "endDate": "02/21/2019"
    });
}
...