рендеринг данных на угловой UI-календарь в дневном режиме - PullRequest
Новая
       17

рендеринг данных на угловой UI-календарь в дневном режиме

0 голосов
/ 02 января 2019 

$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 в виде дня с именем гостя (то есть время против имени гостя), которое ссылается на запланированное время активности для них.

  1. Как отобразить существующие данные на интерфейсе?
  2. Как добавить новую активность с помощью календаря?
...