Calendar 如何更改zabuto日历上的日期
对于熟悉Zabuto日历的人,如果将todays date变量设为true,则日历将从今天的月份开始,并在日期上显示图标。所有这些我都在工作,因为我需要它除了在一些未来的问题,我想能够添加一个url到选择一个事件的弹出窗口。然而,这个问题,我想能够显示一个单独的页面上的具体有限的月份。今天的日期是6月22日,但在另一个网页上,我想显示11月和12月以及特定年份的日期。我不知道从哪里开始,所以除了我在zabuto网站上使用的现有代码外,我没有其他代码可以显示。这是我在java脚本中采用的所有方法 我的css中有颜色的类名代码,但这并不是真正相关的,因为我只想在一个单独的页面上呆上2个月,但从单个js文件访问数据,正如下面的缩短数据版本所示Calendar 如何更改zabuto日历上的日期,calendar,monthcalendar,Calendar,Monthcalendar,对于熟悉Zabuto日历的人,如果将todays date变量设为true,则日历将从今天的月份开始,并在日期上显示图标。所有这些我都在工作,因为我需要它除了在一些未来的问题,我想能够添加一个url到选择一个事件的弹出窗口。然而,这个问题,我想能够显示一个单独的页面上的具体有限的月份。今天的日期是6月22日,但在另一个网页上,我想显示11月和12月以及特定年份的日期。我不知道从哪里开始,所以除了我在zabuto网站上使用的现有代码外,我没有其他代码可以显示。这是我在java脚本中采用的所有方法
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数据文件。我去年就需要完成,但似乎没有人想帮忙,也没有人知道。