Выбор диапазона даты клонирования - PullRequest
Новая
       11

Выбор диапазона даты клонирования

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

После большого количества исследований я не смог найти вопрос, связанный со мной и плагином, который я использовал.

Я пытаюсь клонировать DateRangePicker , но мне не удается это сделать.Я изменяю id клона div и затем инициализирую datepickerrange с новым набором id.

Ниже я попробовал изменить поле клона только один раз, а затембольше не отвечает, когда пытается изменить дату.

Пожалуйста, дайте мне знать, если вам нужна дополнительная информация.

Примечание: div с копией класса является их, но я не вставил ее здесь.

<div class="modal-body aaa" id="myList">
     <div class="input-group after_add_more control-group">
          <span class="form-control" id="reportrange">
              <i class="fa fa-calendar"></i>&nbsp;
              <span></span> <i class="fa fa-caret-down"></i>
          </span>
          <div class="input-group-append">
             <button class="btn btn-success" onClick="cloneElement('copy', this)" type="button"><i
             class="fa fa-plus-square"></i></button>
         </div>
     </div>
</div>


<script>
var start = moment().subtract(29, 'days');
var end = moment();
var options = {
    startDate: start,
    endDate: end,
    ranges: {
        'Today': [moment(), moment()],
        'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
        'Last 7 Days': [moment().subtract(6, 'days'), moment()],
        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
        'This Month': [moment().startOf('month'), moment().endOf('month')],
        'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf(
            'month')]
    }
}
var count = 1;
function cloneElement(clone, element) {
    count++;
    $("." + clone).find('.reportrange').attr("id", count);
    var html = $("." + clone).html();
    $('#myList').append(html);
    $('#' + count).daterangepicker(options, cb);
    cb(start, end);
    function cb(start, end) {
        $('#' + count + ' span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
    }
}
</script>

ОБНОВЛЕНО: 

<!-- Copy Fields -->
<div class="copy d-none">
<div class="input-group control-group mt-4">
    <span class="form-control reportrange" id="reportrange">
        <i class="fa fa-calendar"></i>&nbsp;
        <span></span> <i class="fa fa-caret-down"></i>
    </span>
    <div class="input-group-append">
        <button class="btn btn-danger" onClick="removeElement(this)" type="button"><i class="fa fa-trash-o"></i>
        </button>
    </div>
</div>

...