View monthly calendar in Rails
Introduction
Record until the monthly calendar is displayed on the original application. There is a method to use SimpleCalendar and FullCalendar for the calendar function. This time, we will introduce Simple Calendar.
table of contents
- Install Simple Calendar
- Generate Simple Calendar View
- Add an appointment to your calendar
- Display calendar
1. Install Simple Calendar
Added" gem ‘simple_calendar’, ‘~> 2.0’ to Gemfile
Run bundle install in the app's directory
2. Generate a Simple Calendar View
Since the calendar cannot be displayed just by installing Gem, view is generated.
Execute command
$ rails g simple_calendar:views
Folders and files are created.
Apply CSS to the calendar
Add ** \ * = require simple_calendar ** to the application.css file
3. Add an appointment to your calendar
Create a model called event using scaffold
Execute command
$ rails g scaffold Event name start_time:datetime
Perform migration to change the database
$ rails db:migrate
4. Display calendar
Since I used scaffold, the code is written in the file of index.html.erb, but I will edit it. Rewrite the index.html.erb file in the events folder.
~/views/events/index.html.erb
<%= month_calendar events: @events do |date, events| %>
<%= date %>
<% events.each do |event| %>
<div>
<%= event.name %>
</div>
<% end %>
<% end %>
Corrected the appearance and succeeded in displaying the monthly calendar
reference
[Official document] simple_calendar [Rails] I made a blog function with a calendar using simple_calendar. [Rails] Let's display the calendar with Simple Calendar!
Recommended Posts