Как получить ввод даты от flatpickr? - PullRequest
Новая
       91

Как получить ввод даты от flatpickr?

2 голосов
/ 21 января 2020

Я меняю свой jquery интерфейс выбора даты на flatpickr. Но мне нужно знать, как я могу сделать это $('#from2').datepicker('getDate') для flatpickr. Я не могу найти в Интернете, как это сделать с flatpickr.

Спасибо за ваше время.

* РЕДАКТИРОВАТЬ 

function getDays() {
    let start = $('#from1').datepicker('getDate'),
        end   = $('#to1').datepicker('getDate'),
        days  = (end - start) / 1000 / 60 / 60 / 24;
        if(days == 0 || days > 0) {
    $('#howManyNights').val(days);
  }
    return days;
}

* Не работает с flatpickr: 

function getDays() {
    let start = $('#from1').val();
        end   = $('#to1').val();
        days  = (end - start) / 1000 / 60 / 60 / 24;
        console.log(days);
        if(days == 0 || days > 0) {
    $('#howManyNights').val(days);
    }
    return days;
}

days = Nan

1 Ответ

1 голос
/ 21 января 2020

Попробуйте так, сделав объекты даты из значений flatpickr (рабочий фрагмент, который вы можете запустить) 

var from1 = flatpickr('#from1', {});
var to1 = flatpickr('#to1', {});

function getDays() {
    var start = new Date($('#from1').val());
    var end   = new Date($('#to1').val());
    days  = (end - start) / 1000 / 60 / 60 / 24;
    if(days == 0 || days > 0) {
      $('#howManyNights').val(days);
    }
    return days;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.3/flatpickr.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.3/flatpickr.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

From:<input name="from1" id="from1" type="text">
To:<input name="to1" id="to1" type="text">
How Many:<input name="howManyNights" id="howManyNights" type="text">
<button onclick="getDays()">Get Days</button>
...