在CLNDR.js中获取相邻月份的名称和年份的名称

时间:2018-01-24 11:50:51

标签: javascript jquery html momentjs 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 个答案:

答案 0 :(得分:1)

您可以访问模板中的日历对象并创建所需的日期。 (上个月和下个月)

添加以下内容代替&#34;上一页&#34;和&#34;下一步&#34;标签显示各自的月份。

<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

希望它有所帮助。 :)