Получение названия соседнего месяца и года в CLNDR.js

Я использую CLDNR.js для создания календаря.

В разделе управления он обычно имеет шаблон, который выводит что-то вроде этого:

Previous        January 2018        Next

Мое требование

Dec 2016        January 2018        Feb 2018

Шаблон для контрольной секции:

<div class="clndr-controls">
  <div class="clndr-control-button clndr-previous-button">
    <span>Prev</span>
  </div>
  <div class="month"><%= month %> <%= year %></div>
  <div class="clndr-control-button clndr-next-button rightalign">
    <span>Next</span>
  </div>
</div>

Я пока не могу ничего попробовать, документация не охватывает эту тему.

1 ответ

Решение

Вы можете получить доступ к объекту календаря в своем шаблоне и создать нужные вам даты. (предыдущие и последующие месяцы)

Добавьте следующее вместо ярлыков "Предыдущий" и "Следующий", чтобы отобразить соответствующие месяцы.

<div class="clndr-controls">
    <div class="clndr-previous-button">&lsaquo; <%= this.month.subtract(1, "month").format('MMMM YYYY') %></div>
    <div class="month">
        <%= month %> <%= year %>
    </div>
    <div class="clndr-next-button"><%= this.month.add(2, "months").format('MMMM YYYY') %> &rsaquo;</div>
</div>

Вот рабочая скрипка - Fiddle

Надеюсь, поможет.:)

Другие вопросы по тегам