Как в air-datapicker получить выбранную дату месяц и год отдельно а не вместе?

Question

[Cheizer]

Как в air-datapicker получить выбранную дату, месяц и год отдельно?
air-datapicker t1m0n.name/air-datepicker/docs/index-ru.html

При выборе отдает такой формат 06:10:2020
А мне нужно отдельно в переменные добавить выбранный день 06 месяц 10 и год 2020 (для того что бы в дальнейшем сформировать URL с get параметрами).
Как разделить по переменным?

Делаю так, в console log так 06:10:2020

$picker = $(".date-news");
  $picker.datepicker({
      dateFormat: 'dd:mm:yyyy',
      onRenderCell: function(date, cellType) {
        //var currentDate = date.getDate();
      },
      onSelect: function(fd, date) {
        if (date) {
          console.log(fd);
        }
      }
    });

Answer 1

[Rsa97]

const [day, month, year] = fd.split(':')

Comments

[Cheizer]

Спасибо, но

$picker = $(".date-news");
  $picker.datepicker({
      dateFormat: 'dd:mm:yyyy',
      onRenderCell: function(date, cellType) {
        //var currentDate = date.getDate();
      },
      onSelect: function(fd, date) {
        if (date) {
         const [day, month, year] = fd.split(':');
        console.log(day);
        }
      }
    });

Получаю 1601931600000
Или я не правильно пытаюсь получить

[Rsa97]

Cheizer, Если у вас в fd строка dd:mm:yyyy, то всё должно работать:

const [day, month, year] = '06:10:2020'.split(':')
console.log(day, month, year)
// 06 10 2020

[Cheizer]

Rsa97, Благодарю!

Answer 2

[Alex]

Как насчет:

dateFormat: '@',

...

console.log(new Date(fd));

Comments

[Cheizer]

Спасибо, но выдает в консоль invalid date, вот поднял на codepen https://codepen.io/Cheizer/pen/JjKPzOr

[Alex]

Cheizer, console.log(new Date(parseInt(fd, 10)));

[Cheizer]

Спасибо, теперь вот так в консоль выдает
Tue Oct 06 2020 00:00:00 GMT+0300 (Москва, стандартное время)

[Alex]

Cheizer, Всё верно. Так вы получаете объект Date(). Далее работайте с ним как хотите. Например получить номер дня можно методом .getDate()

[Cheizer]

Alex, как например? Так не работает

var dateselect = new Date(parseInt(fd, 10));
          console.log(dateselect.getDate());

Answer 3

[Глюкъ Виртуален]

Если вам эти отдельные фракции нужны на фронте: создайте JS объект Date() или Moment() и затем издевайтесь над ним как хотите.
Если на сервере: создайте скрытый инпут <input hidden name="reminderDateUnix'">
затем при инициализации календаря пропишите altField: '[name=reminderDateUnix]',

Дейтпикер положит в него юникстайм, который улетит на сервер, где вы его встретите во всеоружии.