Fengyuanchen Datapicker - стрелки предыдущая / следующая

Question

Я пытаюсь сделать сборщик данных со стрелками предыдущий / следующий. Действующая версия работает. Но я хочу сделать ввод с помощью кнопок с просмотром данных в предыдущий / следующий месяц (как в встроенной версии).

HTML

<div class="match__arrows">
  <button class="match__arrow match__prev" data-view="month prev">Prev</button>

  <input class="datapicker" data-toggle="datepicker">

  <button class="match__arrow match__next" data-view="month next">Next</button>
</div>

JS

$('[data-toggle="datepicker"]').datepicker({
  autoPick: true,
  format: 'dd/mm/yyyy',
  language: 'en-EN'
});

JS библиотека: https://fengyuanchen.github.io/datepicker/

Answer 1

Если вы хотите иметь глобальную переменную, вы можете открыть календарь со смещением к дате:

Вам нужно добавить момент js для даты манипуляции, так что вы не получите странных вещей.

currDate = moment();
document.getElementById('prev').addEventListener('click', function(e)
{
  currDate.add(1, 'months');
  $('[data-toggle="datepicker"]').datepicker('setDate', currDate.toDate());
});

document.getElementById('next').addEventListener('click', function(e)
{
  currDate.add(-1, 'months');
  $('[data-toggle="datepicker"]').datepicker('setDate', currDate.toDate());
});

$('[data-toggle="datepicker"]').datepicker({
          autoPick: true,
          format: 'dd/mm/yyyy',
          language: 'en-EN'
        });