Rails로 달력 표시하기

개시하다


원본 프로그램에서 달력을 표시할 때까지 기록합니다.
캘린더 기능에는 SimpleCalendar 및 Full Calendar를 사용하는 방법이 있습니다.
이번에는 SimpleCalendar를 가져옵니다.

카탈로그


1. Simple Calendar 설치
2. Simple Calendar의 View 생성
3. 달력에 데이트 추가
4. 캘린더 표시

1. Simple Calendar 설치

Gemfileに「gem ‘simple_calendar’, ‘~> 2.0’」を追加 アプリののディレクトリでbundle installを実行

2. Simple Calendar의 View 생성


Gem만 설치되어 있으면 달력을 표시할 수 없기 때문에view를 생성합니다.コマンドを実行
$ rails g simple_calendar:views
폴더, 파일을 생성합니다.カレンダーにCSSを適用させるapplication.css 파일의 *=require 단순 -캐논다

3. 달력에 데이트 추가


scaffold로 이벤트 모형 만들기コマンドを実行
$ rails g scaffold Event name start_time:datetime
データベースを変更させるため、マイグレーションを実行
$ rails db:migrate

4. 캘린더 표시


scaffold, index를 사용했기 때문입니다.html.erb 파일에 코드를 기술했지만 편집을 진행했습니다.
이벤트 폴더에 있는 index입니다.html.eb 파일을 다시 씁니다.
~/views/events/index.html.erb
<%= month_calendar events: @events do |date, events| %>
  <%= date %>

  <% events.each do |event| %>
    <div>
      <%= event.name %>
    </div>
  <% end %>
<% end %>
모양새 수정, 달력 표시 성공

참고 자료


[공식 문서] 단순calendar
【rails】simple_캘린더를 이용해 달력이 첨부된 블로그 기능을 만들어 봤다.
[Rails] 심플 캘린더로 달력 보여주세요!

좋은 웹페이지 즐겨찾기