Calendar 如何更改zabuto日历上的日期

Calendar 如何更改zabuto日历上的日期,calendar,monthcalendar,Calendar,Monthcalendar,对于熟悉Zabuto日历的人,如果将todays date变量设为true,则日历将从今天的月份开始,并在日期上显示图标。所有这些我都在工作,因为我需要它除了在一些未来的问题,我想能够添加一个url到选择一个事件的弹出窗口。然而,这个问题,我想能够显示一个单独的页面上的具体有限的月份。今天的日期是6月22日,但在另一个网页上,我想显示11月和12月以及特定年份的日期。我不知道从哪里开始,所以除了我在zabuto网站上使用的现有代码外,我没有其他代码可以显示。这是我在java脚本中采用的所有方法

对于熟悉Zabuto日历的人,如果将todays date变量设为true,则日历将从今天的月份开始,并在日期上显示图标。所有这些我都在工作,因为我需要它除了在一些未来的问题,我想能够添加一个url到选择一个事件的弹出窗口。然而,这个问题,我想能够显示一个单独的页面上的具体有限的月份。今天的日期是6月22日,但在另一个网页上,我想显示11月和12月以及特定年份的日期。我不知道从哪里开始,所以除了我在zabuto网站上使用的现有代码外,我没有其他代码可以显示。这是我在java脚本中采用的所有方法

我的css中有颜色的类名代码,但这并不是真正相关的,因为我只想在一个单独的页面上呆上2个月,但从单个js文件访问数据,正如下面的缩短数据版本所示

var eventData = [
    {"date":"2018-10-02","badge":false,"title":"private party","body":"private fun
    {"date":"2019-12-25","badge":false,"title":"Christmas Day","body":"Christmas Lunch","footer":"all night","status":"100%","classname":"grad100"},
    {"date":"2019-12-26","badge":false,"title":"Boxing Day","body":"Boxing Day Lunch","footer":"all night","status":"100%","classname":"grad100"},
    {"date":"2019-12-31","badge":false,"title":"New Years Eve","body":"Bringing in the New Year of 2020","footer":"all night","status":"75%","classname":"grad75"}
];

$(document).ready(function() {

    $("#my-calendar").zabuto_calendar({
      action: function(event) {
        console.log(event)
        return myDateFunction(this.id, false);
      },
      action_nav: function() {
        return myNavFunction(this.id);
      },
      data: eventData,
      modal: true,

      /* The legend 

              legend: [
                  {type: "text", label: "Special event", badge: "00"},
                  {type: "block", label: "Regular event"}
              ]

      */
    });
    $("#date-popover").click(function() {
      $("#date-popover").hide();

    });

    function myDateFunction(id, fromModal) {

      console.log({
        id
      })
      if (fromModal) {
        $("#" + id + "_modal").modal("hide");
      }
      var date = $("#" + id).data("date");
      var eventItem = eventData.find(function(item) {
        return item.date === date;
      })
      if (!eventItem && !eventItem) {
        return false;
      }
      $("#date-popover .popover-content").text(eventItem.date+" which is a "+eventItem.title+"\n This is a "+eventItem.body+"\n we are currently "+eventItem.status+".")
      $("#date-popover").show();
    }

    function myNavFunction(id) {

      $("#date-popover").hide();
      var nav = $("#" + id).data("navigation");
      var to = $("#" + id).data("to");
    }

  });

好的,我把它分类了,但是我必须用一些更改来创建一个新的js,以更改今天、月份和其他一些内容。正确的方法是在初始化日历时使用“月份”选项

Zabuto Calendar的开发人员没有记录到这一点,这有点奇怪,但它工作得很好。您只需覆盖库中的默认值,如下所示:

$'my-calendar'.zabuto_calendar{ 语言:嗯, 数据:eventData, 月份:7,//输入要开始的月份的编号 操作:函数{myDateFunctionthis.id;} };
我甚至可以设定一个具体的年份

$('#my-calendar').zabuto_calendar({
  language: "en",
  data: eventData,
  year: 2018, // <-- here :)
  month: 7, // Put the number of the month you want to start with
  ...
});

想完成你的回答吗?哇,那是将近一年前的事了,我想我已经回答了。我复制了一份原始的JS文件,然后我更改了今天的日期来删除它,然后添加了一个11月的开始月份,只允许它持续一个月。这样,它仍然使用主日历中所有函数和信息的原始数据,因此现在我有两个zabuto JS文件,但有一个JS数据文件。我去年就需要完成,但似乎没有人想帮忙,也没有人知道。