FullCalendarの色の変更新しいイベント

Question

私はfullcalendarを使用しています。新しいイベントの色を変更して、ロードされたイベントとデータベースとの差別化を行う必要があります。新しいイベントを行う人は、色によって他の人と違いがあります。 カレンダーは全員を使用し、ユーザーコントロールとイベントはデータベースに格納されません。

Answer 1

あなたの質問には、いくつかの質問があります。新しいイベントの色が後でレンダリングされることを期待していますか？または完全に使い捨てで、新しいイベントと古いイベントを区別するためにのみ使用される色ですか？

質問がありましたら、色を設定することができます。

 events: { 
      url: 'php/get-events.php', 
      error: function() { 
       $('#ajax-warning').show(); 
      }, 
      color: "yellow" 
     }, 

JSONからロードされたすべてのイベントのデフォルトの色を設定します：あなたは、あなたのAJAX呼び出しでデータベースからロードされたすべての項目の静的な色を設定することができます。 JSONデータそのもので

、あなたは、例えば

{ 
    "id": "999", 
    "title": "Repeating Event", 
    "start": "2016-05-09T16:00:00-05:00", 
    "backgroundColor": "purple" 
}, 

、個々の項目の色を変更するにはbackgroundColor属性を設定することができますそれはあなたができるようにする方法である場合は、（フォームでのイベントの色を設定することができますイベントを作成するためのユーザ）

---

あなたは色のリストをすることができますサイクルを追加し、異なる背景を持つリスト内の各1を提供することができ、静的なイベントのセットを持っている場合。

-

これは、あなたの質問に答えていない場合は、現在と何を達成したい持っているものについての詳細をpovidingしてみてください。

Answer 2

/* initialize the calendar 
     -----------------------------------------------------------------*/ 
     $('#calendar').fullCalendar({ 
      events: JSON.parse(json_events), 
      height:447, 
      utc: true, 
      allDaySlot:false, 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'agendaWeek,agendaDay' 
      }, 
      eventConstraint: { 
         start: moment().format('YYYY-MM-DD'), 
         end: '2100-01-01' 
        }, 
      firstDay: 1, 
        monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'], 
        monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'], 
        dayNames: ['Domingo', 'Lunes', 'Martes', 'Miercoles', 
      'Jueves', 'Viernes', 'Sábado'], 
        dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'], 
      minTime:'09:00:00', 
      maxTime:'13:30:00', 
       buttonText: { 
         today: 'hoy', 
         month: 'mes', 
         week: 'semana', 
         day: 'dia' 
       }, 
      eventStartEditable: false, 
      eventTextColor: '#AE413F', 
      defaultView: 'agendaWeek', 
      hiddenDays: [6, 0], 
      editable: true, 
      droppable:true, 

      eventDurationEditable:false, 
      slotDuration: '00:30:00', 
      defaultEventMinutes: 30, 
      defaultTimedEventDuration:'00:30:00', 
      forceEventDuration:true, 
      eventReceive: function(event){ 
       var title = prompt('Nombre y Apellidos:'); 
       var start = event.start.format("YYYY-MM-DD[T]HH:mm:SS"); 
       var end = event.end.format("YYYY-MM-DD[T]HH:mm:SS"); 
       var antena = 'ANTENA1'; 
       var ssid = 'E18D93D0-B4B2-4802-8D04-CD2154B88A18'; 
       if(title!=null){ 
       $.ajax({ 
        url: 'process.php', 
        data: 'type=new&title='+title+'&start='+start+'&end='+end+'&antena='+antena+'&SSID='+ssid+'&zone='+zone, 
        type: 'POST', 
        dataType: 'json', 
        success: function(response){ 
         event.title = title; 
         $('#calendar').fullCalendar('updateEvent',event); 
         alert("Añadido: Atención NO marcar la casilla inferior si quiere guardar correctamente los datos"); 
        }, 
        error: function(e){ 
         console.log(e.responseText); 
        if(error='true'){ 
         alert('CITA YA ASIGNADA: Atención NO marcar la casilla inferior si quiere un funcionamiento correcto'); 
        }//location.reload(); 

        } 
       });}else{ 
      location.reload();} 
       $('#cafireflendar').fullCalendar('updateEvent',event); 
       console.log(event); 
       //location.reload(); 
      },