- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试以 Angular 1 处理完整日历,我已完成显示事件,
当我尝试在下一个和上一个按钮点击时添加事件时,我也得到了服务器的响应,但是当事件被分配给 FullCalendar 事件时,它会返回到默认 View 或任何议程,例如,如果 View 是日 View 当我单击上一个按钮时,它会转到前一天,当事件来自服务器时,它会返回到今天的 View 。以下代码可能会让您清楚地了解我在做什么。
HTML
<div id="demoCalender" fc fc-options="calendarOptions">
Angular
$scope.defaultViewAgenda = "agendaDay";
$scope.calendarOptions = {
height: get_calendar_height(100),
header: {
left: 'title',
center: 'today',
right: 'prev,agendaDay,agendaWeek,month,next'
},
buttonText: {
today: 'Today',
month: 'Month',
week: 'Week',
day: 'Day',
list: 'List'
},
defaultTimedEventDuration: '00:45:00',
forceEventDuration: false,
defaultView: $scope.defaultViewAgenda,
firstHour: 09,
themeSystem: 'standard',
windowResize: function (view) {
$('#demoCalender').fullCalendar('option', 'height', get_calendar_height(117));
$('#demoCalender').fullCalendar('rerenderEvents');
},
viewRender: function (view) {
console.log(view);
},
events: [],
viewDisplay: function (element) {
console.log(element);
}
};
FullCalendar 选项。事件默认为空,当服务器响应来 self 下面函数的服务器方法调用时,事件显示在日历中
$scope.getAgendaReschedules = function (agenda, startTime, endTime, isAgendaNextOrPrevious) {
demoReschedules.getRescheduls($scope.assignedAgentId, "RESCHEDULED", startTime, endTime).then(function (response) {
if (response.status == 200) {
if (response.data.length > 0) {
var groupByScheduledContacts = response.data.reduce(function (result, current) {
result[current.scheduled] = result[current.scheduled] || [];
result[current.scheduled].push(current);
return result;
}, {});
$scope.events = [{}];
for (key in groupByScheduledContacts) {
var eventTime = moment(key, "DD/MM/YYYY HH:mm:ss");
$scope.events.push({
title: 'No. of rescheduled call : ' + groupByScheduledContacts[key].length,
start: eventTime,
end: eventTime,
description: 'This is a cool event',
color: $scope.getColorForReschedules(eventTime)
});
}
$scope.calendarOptions.events = $scope.events;
if (isAgendaNextOrPrevious == false) {
$scope.calendarOptions.defaultView = agenda;
}
}
else {
$scope.calendarOptions.events.push({});
$scope.calendarOptions.defaultView = agenda;
}
}
}, function err() { });
};
并单击周、月和日等议程按钮,我在上面调用相同的方法,当我对下一个和上一个按钮单击执行相同操作时,它会出现今天的 View 。如果议程是天,或者如果议程 View 是周,那么它会出现在本周,而月份也会发生同样的情况。
下面是点击下一个和上一个按钮的代码。
在此 $scope.tempViewAgenda 是我在日、周或月议程按钮点击时设置的临时变量值。
$('#demoCalender').fullCalendar().on('click', '.fc-prev-button', function () {
switch ($scope.tempViewAgenda) {
case "agendaDay":
//alert("Prev Day");
$scope.getPreviousAgendaReschedules('d');
break;
case "agendaWeek":
$scope.getPreviousAgendaReschedules('w');
//alert("Prev Week");
break;
case "month":
$scope.getPreviousAgendaReschedules('m');
//alert("Prev Month");
break;
}
});
$('#demoCalender').fullCalendar().on('click', '.fc-next-button', function () {
switch ($scope.tempViewAgenda) {
case "agendaDay":
$scope.getNextAgendaReschedules('d');
break;
case "agendaWeek":
$scope.getNextAgendaReschedules('w');
//alert("Next Week");
break;
case "month":
$scope.getNextAgendaReschedules('m');
//alert("Next Month");
break;
}
});
//previous agenda reschedules
$scope.getPreviousAgendaReschedules = function (agendaStartCharacterToSubtract) {
$scope.startDate = moment($scope.startDate).subtract(1, agendaStartCharacterToSubtract).format('YYYY-MM-DD HH:mm:ss');
$scope.endDate = moment($scope.endDate).subtract(1, agendaStartCharacterToSubtract).format('YYYY-MM-DD HH:mm:ss');
console.log("Previous : start date : " + $scope.startDate + " End date : " + $scope.endDate);
$scope.getAgendaReschedules($scope.tempViewAgenda, $scope.startDate, $scope.endDate, true);
};
//next agenda reschedules
$scope.getNextAgendaReschedules = function (agendaStartCharacterToAdd) {
$scope.startDate = moment($scope.startDate).add(1, agendaStartCharacterToAdd).format('YYYY-MM-DD HH:mm:ss');
$scope.endDate = moment($scope.endDate).add(1, agendaStartCharacterToAdd).format('YYYY-MM-DD HH:mm:ss');
console.log("Next : start date : " + $scope.startDate + " End date : " + $scope.endDate);
$scope.getAgendaReschedules($scope.tempViewAgenda, $scope.startDate, $scope.endDate, true);
};
这里有没有人弄清楚?
最佳答案
我得到了这个问题的答案,每当我要分配事件时它会重新初始化,所以我需要设置默认日期和议程 View 以显示获取的事件,如
$scope.getAgendaReschedules = function (agenda, startTime, endTime, isAgendaNextOrPrevious) {
demoReschedules.getRescheduls($scope.assignedAgentId, "RESCHEDULED", startTime, endTime).then(function (response) {
if (response.status == 200) {
if (response.data.length > 0) {
var groupByScheduledContacts = response.data.reduce(function (result, current) {
result[current.scheduled] = result[current.scheduled] || [];
result[current.scheduled].push(current);
return result;
}, {});
$scope.events = [{}];
for (key in groupByScheduledContacts) {
var eventTime = moment(key, "DD/MM/YYYY HH:mm:ss");
$scope.events.push({
title: 'No. of rescheduled call : ' + groupByScheduledContacts[key].length,
start: eventTime,
end: eventTime,
description: 'This is a cool event',
color: $scope.getColorForReschedules(eventTime)
});
}
$scope.calendarOptions.events = $scope.events;
if (isAgendaNextOrPrevious) {
$scope.calendarOptions.defaultDate = moment(startTime);
$scope.calendarOptions.defaultView = agenda;
}
else {
$scope.calendarOptions.defaultDate = moment(startTime);
$scope.calendarOptions.defaultView = agenda;
}
}
else {
$scope.calendarOptions.events.push({});
$scope.calendarOptions.defaultDate = moment(startTime);
$scope.calendarOptions.defaultView = agenda;
}
}
}, function err() { });
};
关于javascript - 单击下一个和上一个按钮 FullCalendar 进入议程 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51594719/
如果我 mov, eax 12345 和之后的 mov var, eax (假设 var 是一个 32 位的 int 等..等等)并输出 var 稍后它会正确输出。 与 ax 相同。 mov ax,
我有这个代码: for($nrt=0; $nrt"; if($sidesIndexes[$nrt]==$nrt) { echo "am I in??? ".$sidesInde
我正在阅读The Go Programming Language的8.5章,并陷入一些代码。下面的代码列表。 func main() { naturals := make(chan int)
我写了一个 MySQL 查询用于将数据导出到文本文件。 查询运行成功,但结果与我的预期不符。 我想在列之间没有间距的结果。 select sample_export_record1_2013.
在普通的 Excel 窗口中,我可以打开 VBE 并通过触摸键序列插入一个新模块:ALT+F11、ALTim 全部不使用鼠标。有没有办法打开 VBE 并导航到 本工作手册 不使用鼠标的代码区域? 最佳
我正在使用 axios 发出 http 请求。在 .then() 内部,我正在使用另一个 axios 调用。最后,我有第三个 then(),它应该在第二个 then 之后运行,但实际上并没有这样做。
我需要在 cocos2d 项目中播放视频..我的问题是:如何将 MPMoviePlayerController 放入我的 View 中,如下所示:? UIView *theView = [[CCDir
我正在学习 Angular。以下代码有效: .controller('abc', function ($scope, $http) { $http.get("/Handlers/Authenticat
目前我正在使用 WPF 学习 C#。我的主要方法是尽我所能使用 MVVM 模式,但现在我有点困惑。 在我所有 View 的应用程序中,我有一个 View 模型: private DruckviewVi
关于将 G 邮件提取到 Google 电子表格,我该如何添加 IF 以按主题驳回特定电子邮件?例如:电子邮件回复(主题中带有“RE:”)。我不希望这些电子邮件出现在我的电子表格中。 我尝试过使用 LO
我正在尝试使用 Spotify API 并进入数组。 const App = () => { const [isLoading, setIsLoading] = useState(true);
我有一个 html 模板,并且有一个条件为 --> 的代码 --> window.jQuery || document.write(""+"");
我正在开发一个 Android 应用程序,该应用程序会暴力破解从 int 创建的 MD5 和。 暴力破解部分工作正常。 (我可以sysout最终值并且它是正确的。) 我在将输出值发送到警报对话框时遇到
我正在创建一个界面,用户可以通过该界面生成多系列折线图,并控制绘制哪些数据集。 要绘制哪些数据集由复选框控制。页面加载时,默认数据集以图表形式呈现,并且 $('input:checkbox.data-
我尝试将有向无环图绘制为力布局。 但是我注意到,尽管为每个组元素灌输了进入/退出条件,弹出的节点/链接并没有从 DOM 中删除它们自己。 相反,弹出的节点/链接在力布局中卡住;这意味着没有调用进入/退
这里是新手。我不知道它是怎么发生的,但我正在处理一个程序,当我去调试并进入时,黄色箭头走到了我代码的最后并跳过了整个 block 。有快速解决方法吗? 最佳答案 按 F11,或单击工具栏上的“Step
我的 Action 栏 sherlock 中有一个列表。我想在用户点击该列表时得到。我不想知道用户何时点击某个项目,我已经知道 (onNavigationItemSelected)。 在我的 onCr
** 你好 **我如何从 ci 中的 mysql 日期获取 eurodate 来工作......无法弄清楚 - 请帮忙 想要获取日期 YY-mm- dd -> dd-mm-yy提前致谢 最佳答案 $t
我有以下脚本: #!/bin/bash ls -1 | while read d do [[ -f "$d" ]] && continue echo $d cd $d done
TL;DR - 跳转到最后一段 背景 我正在执行一些数据驱动测试,并将日志文件用作测试输出之一。它的工作原理是这样的- 读取文件夹中的第一个文件 处理第一行并转换为测试 运行测试 执行验证 1 ...
我是一名优秀的程序员,十分优秀!