fullcalendarを表示させるところまではできたのですが、そこに独自のデータベースのデータを反映させる事ができません。
以下のサイトを参考にしているのですが、なかなか表示されないです。
ご教授頂けると幸いです。
今は参考サイトの様な、Jsonや他にはgonを使ってトライしています。
JS
1$(document).ready(function() { 2 3 $('#calendar').fullCalendar({ 4 header: { 5 left: 'prev,next today', 6 center: 'title', 7 }, 8 selectable: true, 9 selectHelper: true, 10 11 select: function(start, end) { 12 var title = prompt('イベントを追加'); 13 var eventData; 14 if (title) { 15 eventData = { 16 title: title, 17 start: start, 18 end: end 19 }; 20 $('#calendar').fullCalendar('renderEvent', eventData, true); 21 } 22 $('#calendar').fullCalendar('unselect'); 23 }, 24 25 events: '/events.json', 26 editable: true, 27 height: 400, 28 //Boolean, default: false, 29 }); 30});
rails:event.controller
def events @organizer = Organizer.find(params[:organizer_id]) @events = @organizer.events.all respond_to do |format| format.json { render json: @events.to_json( only: [:name, :start_time, :end_time] ) } end end
events/show.html.erb
html
1 <div id='calendar'> 2 </div>
modelは以下です。
model
1# Table name: events 2# 3# id :integer not null, primary key 4# name :string(255) 5# organizer_id :integer 6# opponent_id :integer 7# start_time :datetime 8# end_time :datetime 9# stadium_id :integer 10# vacant_status :integer 11# sales_status :integer 12# created_at :datetime not null 13# updated_at :datetime not null
ご教授よろしくお願いいたします。
あなたの回答
tips
プレビュー