Как добраться от и до даты из Flatpicker? - PullRequest
Новая
       30

Как добраться от и до даты из Flatpicker?

0 голосов
/ 15 апреля 2020

Мне нужно получить from и to, используя flatpicker

Это настройка: 

$(".flatpickr").flatpickr({
    mode: "range",
    disableMobile: "true",
    altInput: true,
    altFormat: "d/m/Y",
    dateFormat: "d/m/Y",
    enable: [{
        from: new Date(dataSetCopy[0]),
        to: new Date(dataSetCopy[dataSetCopy.length - 1])
    }],..

И при закрытии мне нужно получить каждый даты и сохранить их в переменные имя как: 

var dateStart = "12/3/2020";
var dateEnd = "31/3/2020";

Я пытался: 

onClose: function(dateObj, dateStr, selectedDates) {
    $('body').removeClass('preventscroll');
    var dateStart = new Date(dateObj[0]);
    var dateEnd = new Date(dateObj[1]);
    dateStart.setHours(0, 0, 0, 0);
    dateEnd.setHours(0, 0, 0, 0);

Но я получаю 

Tue Mar 31 2020 00:00:00 GMT+0200 (Ora legale dell’Europa centrale)

Пытался проверить документы но я не понимаю, как

1 Ответ

0 голосов
/ 15 апреля 2020

Вы можете использовать метод formatDate() из экземпляра flatpickr 

$(".flatpickr").flatpickr({
  mode: "range",
  disableMobile: "true",
  altInput: true,
  altFormat: "d/m/Y",
  dateFormat: "d/m/Y",
  onClose: function(selectedDates, dateStr, instance) {
    var dateStart = instance.formatDate(selectedDates[0], "d/m/Y");
    var dateEnd = instance.formatDate(selectedDates[1], "d/m/Y");

    console.log(dateStart)
    console.log(dateEnd)
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

<input class="flatpickr">
...