仅显示 fullcalendar.io 中当月的日期和事件
Show days and events only of the current month in the fullcalendar.io
在 fullcalendar.io 的"月"视图中,我只想显示当前月份,以及当前月份的事件。但是,目前显示的是自当前日期开始计算的月份。
例如:如果今天的日期是 2016-20-03...
- 什么全日历显示: 从: 2016-20-03 至: 2016-19-04
- 我想展示的内容: 从 2016-01-03 到: 2016-31-03
阅读文档并四处查找后,我找不到任何变量或为完整日历设置来实现这一点,因此我将不得不修改完整日历.js
有人已经这样做了吗?
视图
$('#' + engineerId).fullCalendar({
header: false,
views: {
plainMonth: {
type: 'basic',
duration: { days: 31 },
buttonText: 'Month'
},
plainWeek: {
type: 'basic',
duration: { days: 7 },
buttonText: 'Week'
}
},
firstDay: 1,
dayNamesShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
defaultView: 'plainWeek',
theme: true,
viewRender: function (view, element) {
$('#CalendarViewObject').val(view.name);
viewName = view.name;
},
aspectRatio: ratio,
editable: true,
eventLimit: false, // allow "more" link when too many events
events: {
startEditable: false,
durationEditable: false,
url: window.location.href.toString().split(window.location.host)[1] + '/GetEmployeeEvents',
type: 'POST',
data: function () { // a function that returns an object
$("[id^=qtip-]").empty();
$("[id^=qtip-]").remove();
return {
serviceAreaId: serviceAreaId,
employeeId: engineerId,
calendarViewObject: $('#CalendarViewObject').val()
};
},
error: function () {
alert('there was an error while fetching events!');
}
},...
控制器
public JsonResult GetEmployeeEvents(DateTime start, DateTime end, string queueName, string employeeId, string calendarViewObject)
"开始"和"结束"日期由 fullcalendar.io 设置,这些日期是我想更改的日期。
提前非常感谢你,阿尔维昆
在对完整日历文档进行了更多研究之后,我最终设置了以下内容:
$(''.calendarClass'').fullCalendar(''gotoDate'',new Date(y, m, 1));
这成功了,有效!
相关文章:
- 算法:从数组(javascript/angular)中按当前日期获取上一个和下一个事件
- Javascript:如何在onChange事件期间更改日期时间值
- jQuery完整日历添加事件,仅包含月份和日期
- 可以'如果我隐藏某些日期,则不要在FullCalendar中拖动事件
- 从datetimepicker引导程序上点击的日期获取点击事件
- 如何将事件的日期放入fullcalendar中的日期对象中
- Day在完整日历中单击特定日期的事件警报
- 日期选择器更改事件抛出”;TypeError:字符串不是函数;
- 带有日期选取器的事件
- 使用 jQuery 日期选择器和 Angular 2 更改事件
- 比较日期时,全日历中的 DayClick 事件警报
- 日期选取器单击事件获取日期
- Ionic AngularJS按日期划分事件
- EditableField的JQuery Catch-onChange事件-日期选择器
- Kendo日期选择器值方法没有't引发自己的变革事件
- setHours()从电子表格导入的日期创建谷歌日历事件时出错-应用程序脚本
- 有关 HTML 网站上的动态日期/事件的建议
- 引导日期选取器更改日期事件在手动编辑日期或清除日期时不会触发
- 日历控件显示日期事件
- 使用JQuery Mobile ui-datepicker保存日期/事件