Materializecss Datepicker Прокручивает страницу вверх при нажатии на нее - PullRequest
Новая
       37

Materializecss Datepicker Прокручивает страницу вверх при нажатии на нее

0 голосов
/ 20 сентября 2018

Я использую materializecss Datepicker на моей веб-странице, и один работал нормально, пока я не добавил другой вариант выбора даты на мою веб-страницу.

enter image description here

После этого, когдаЯ выбираю дату, когда фон страницы прокручивается автоматически.

Место, где мне нужно было загрузить указатель даты:

Место, где мне нужно было загрузить datepicker-1:

где модальные грузы:

I Это мой код для DatePicker 1; 

<div class="row dateRangeSelector orderStatusWidget-dateRangeSelector"
                                                     id="customDates">
   <div class="col s6 orderStatusWidgetDateWrapper">
            <label>From</label>
          <input type="text" class="datepicker" id="distStartDate">
</div>
<div class="col s6">
        <label>To</label>
        <input type="text" class="orderStatusWidget-datepicker"
                                                               id="endDate1">
</div>

datepicker 2: 

<div class="row dateRangeSelector orderStatusWidget-dateRangeSelector" id="customDates">
       <div class="col s6 orderStatusWidgetDateWrapper">
           <label>From</label>
          <input type="text" class="datepicker orderStatusWidget-datepicker"
                                                           id="startDate">
        </div>
       <div class="col s6">
           <label>To</label>
           <input type="text" class="datepicker orderStatusWidget-datepicker"
                                                           id="endDate">
       </div>
  </div>

мой код JavaScript: 

$('#distStartDate').pickadate({
        selectMonths: true, // Creates a dropdown to control month
        selectYears: 15, // Creates a dropdown of 15 years to control year,
        today: 'Today',
        clear: 'Clear',
        close: 'Ok',
        closeOnSelect: true, // Close upon selecting a date,
        onStart: function() {
            $('.picker').appendTo('body');
        }
    })

** одинаково для каждого входа.

После выполнения некоторых вводов элементов я рисуюВ моем случае этот элемент выбора, который необходимо создать рядом с элементом, создается внизу страницы.

Скажите, пожалуйста, как исправить эту ошибку.

...