[英]jquery week calendar change prev week and next week button to prev day and next day
I am using the following calendar in my application jquery-week-calendar 我在我的应用程序jquery-week-calendar中使用以下日历
I want to change prev and next button such that when it is clicked it goes to prev and next day other than prev and next week. 我想更改上一个和下一个按钮,以便在单击该按钮时转到上一个和下一天,而不是上一个和下周。
I am new to jquery and I was able to find some part of the code which leads to this. 我是jquery的新手,我能够找到导致此问题的部分代码。
prevWeek : function() {
//minus more than 1 day to be sure we're in previous week - account for daylight savings or other anomolies
var newDate = new Date(this.element.data("startDate").getTime() - (MILLIS_IN_WEEK / 6));
this._clearCalendar();
this._loadCalEvents(newDate);
},
/*
* Go to the next week relative to the currently displayed week
*/
nextWeek : function() {
//add 8 days to be sure of being in prev week - allows for daylight savings or other anomolies
var newDate = new Date(this.element.data("startDate").getTime() + MILLIS_IN_WEEK + (MILLIS_IN_WEEK / 7));
this._clearCalendar();
this._loadCalEvents(newDate);
}
_loadCalEvents : function(dateWithinWeek) {
var date, weekStartDate, endDate, $weekDayColumns;
var self = this;
var options = this.options;
date = dateWithinWeek || options.date;
weekStartDate = self._dateFirstDayOfWeek(date);
weekEndDate = self._dateLastMilliOfWeek(date);
options.calendarBeforeLoad(self.element);
self.element.data("startDate", weekStartDate);
self.element.data("endDate", weekEndDate);
$weekDayColumns = self.element.find(".wc-day-column-inner");
self._updateDayColumnHeader($weekDayColumns);
//load events by chosen means
if (typeof options.data == 'string') {
if (options.loading) options.loading(true);
var jsonOptions = {};
jsonOptions[options.startParam || 'start'] = Math.round(weekStartDate.getTime() / 1000);
jsonOptions[options.endParam || 'end'] = Math.round(weekEndDate.getTime() / 1000);
$.getJSON(options.data, jsonOptions, function(data) {
self._renderEvents(data, $weekDayColumns);
if (options.loading) options.loading(false);
});
}
else if ($.isFunction(options.data)) {
options.data(weekStartDate, weekEndDate,
function(data) {
self._renderEvents(data, $weekDayColumns);
});
}
else if (options.data) {
self._renderEvents(options.data, $weekDayColumns);
}
self._disableTextSelect($weekDayColumns);
}
I hope you have add rest of functionality in your calender : 希望您在日历中添加了其他功能:
you can do this using : 您可以使用:
prevWeek : function() {
var newDate = new Date(this.element.data("startDate"));
newDate = this._addDays(newDate , -1);
this._clearCalendar();
this._loadCalEvents(newDate);
},
nextWeek : function() {
var newDate = new Date(this.element.data("startDate"));
newDate = this._addDays(newDate , 1);
this._clearCalendar();
this._loadCalEvents(newDate);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.