javascript - 在日视图中呈现角度 ui 日历上的数据
问题描述
$scope.calandarCall = function(allTasks) {
$scope.tasks = allTasks;
$scope.guestname = [];
for (var i = 0; i < $scope.tasks.length; i++) {
$scope.guestname.push($scope.tasks[i].name);
}
$scope.uiConfig = {
calendar: {
height: 450,
editable: true,
allDaySlot: false,
defaultView: "agendaWeek",
header: {
left: 'agendaDay',
center: 'title',
right: 'today prev,next'
},
slotEventOverlap: false,
hiddenTime: [7, 8],
dayNamesShort: $scope.guestname,
eventClick: $scope.alertEventOnClick,
eventDrop: $scope.alertOnDrop,
eventResize: $scope.alertOnResize,
eventRender: $scope.eventRender
}
};
var obj = {};
for (var i = 0; i < $scope.tasks.length; i++) {
obj = {
title: $scope.tasks[i].service,
start: $scope.tasks[i].startDateTime,
}
$scope.eventSources[0].events.push(obj);
}
}
$scope.eventSources = [];
$scope.eventSources = [
// your event source
{
events: [], // put the array in the `events` property
color: 'black', // an option!
textColor: 'yellow' // an option!
}
// any other event sources...
]
<div ui-calendar="uiConfig.calendar" ng-model="eventSources"></div>
我有对象数组形式的现有数据,并希望在日视图中针对引用他们预定活动时间的客人姓名(即时间与客人姓名)实现 angular-ui 日历。
- 如何在 ui 上呈现现有数据?
- 如何使用日历添加新活动?
解决方案
推荐阅读
- python - 获取一组 SNP 的所有可能的基因型组合的方法
- vba - 如何检查不同工作表中的单元格是否相等?
- amazon-s3 - AWS 密钥和角色在同一 aws s3 cp 命令中的使用
- reactjs - React Redux - 无法通过调度操作替换列表
- javascript - 使用 AJV 针对 JSON 模式验证 API 响应
- vba - 停止 VBA 代码并取消或取消它已经处理的所有内容?
- c - C - 使用 CBC(密码块链接)模式的 OpenSSL 加密
- oracle - 是否可以在不使用包的情况下在 PL/SQL 的单个程序中编写函数和过程?
- reactjs - React JS make async call without componentdidmount()
- jquery - JQuery 选项卡不会加载