zabuto 日历最小和最大日期答案

【问题标题】：zabuto calendar min and max datezabuto 日历最小和最大日期
【发布时间】：2016-11-07 13:30:43
【问题描述】：

我正在尝试向我的网站添加 Zabuto 日历。有没有办法设置最小和最大日期，类似于 jQuery Datepicker 的工作方式？

例如，使用 jQuery 日期选择器，您可以将其设置为具有最小和最大日期，并且不在这两个日期之间的任何日期都将灰显并禁用。

$("#datepicker").datepicker("option", "minDate", date);
$("#datepicker").datepicker("option", "maxDate", date2);

我找不到具有类似功能的 Zabuto 日历 的任何文档。

这样可以吗？

【问题讨论】：

标签： jquery-ui datepicker

【解决方案1】：

虽然我的回答迟了，但我遇到了这个问题，我没有在网上找到回答这个问题的来源。只添加show_next属性和提前显示的月数。

$("#my-calendar").zabuto_calendar({
      action: function() { myDateFunction(); },
        show_previous: 1, // Will show 1 month back
        show_next: 3,     // Will show 3 months in advance
});

【讨论】：

【解决方案2】：

根据official website，您可以在limit months navigation 中同时使用show_previous 和show_next 参数。

// initialize the calendar on ready
$("#my-calendar").zabuto_calendar({
  today: true,
  cell_border: true,
  weekstartson: 0,
  nav_icon: {
    prev: '<i class="fa fa-chevron-circle-left"></i>',
    next: '<i class="fa fa-chevron-circle-right"></i>'
  },
  // limit months navigation to a specific range
  show_previous: 2,
  show_next: 2
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/zabuto_calendar/1.6.3/zabuto_calendar.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/zabuto_calendar/1.6.3/zabuto_calendar.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet" />
<div id="my-calendar"></div>

【讨论】：