Pickadate.js устанавливает ограничения от «до» - PullRequest
Новая
       23

Pickadate.js устанавливает ограничения от «до»

0 голосов
/ 08 июня 2018

Здравствуйте, ребята, я использую pickadate.js , чтобы установить даты для моего проекта, и я столкнулся с проблемой.Я добавляю входы для выбора дат в моем проекте динамически.Я установил для них ограничения from to, и для первого набора входов они работают нормально, но для элементов, которые я добавляю динамически, from to даты не работают.Это мой код:

HTML: 

<h3>Extend <a href="http://http://amsul.github.io/pickadate.js">pickadate v3</a> to get “from” and “to” date functionality.</h3>
<h4>From:</h4>
<fieldset>
  <input type="text" id="input_from" class="input_from">
</fieldset>
<h4>To:</h4>
<fieldset>
  <input type="text" id="input_to" class="input_to">
</fieldset>
<h4>From:</h4>
<fieldset>
  <input type="text" id="input_from" class="input_from">
</fieldset>
<h4>To:</h4>
<fieldset>
  <input type="text" id="input_to" class="input_to">
</fieldset>

и JS: 

$('.input_from').pickadate({
    format: 'dd.mm.yyyy',
});

$('.input_to').pickadate({
    format: 'dd.mm.yyyy',
});

var from_$input = $('.input_from').pickadate(),
    from_picker = from_$input.pickadate('picker')

var to_$input = $('.input_to').pickadate(),
    to_picker = to_$input.pickadate('picker')


// Check if there’s a “from” or “to” date to start with.
if ( from_picker.get('value') ) {
  to_picker.set('min', from_picker.get('select'))
}
if ( to_picker.get('value') ) {
  from_picker.set('max', to_picker.get('select'))
}

// When something is selected, update the “from” and “to” limits.
from_picker.on('set', function(event) {
  if ( event.select ) {
    to_picker.set('min', from_picker.get('select'))    
  }
  else if ( 'clear' in event ) {
    to_picker.set('min', false)
  }
})

to_picker.on('set', function(event) {
  if ( event.select ) {
    from_picker.set('max', to_picker.get('select'))
  }
  else if ( 'clear' in event ) {
    from_picker.set('max', false)
  }
})

Я попытался настроить таргетинг на свои входы с помощью each(), но это не удалосьПомогите.Вот кодекс, где вы можете увидеть, что происходит.По сути, я не знаю, как настроить пределы для this установки входов, по которым щелкают.Попробуйте использовать первые два входа, и вы увидите, что ограничения работают правильно, но они не применяются ко второму набору входов.
https://codepen.io/Karadjordje/pen/KeNRxZ?editors=1010

...