ページ

2014年8月11日月曜日

Ruby On Rails アプリケーション作成 7 - カレンダーカスタマイズ -

久しぶりにRailsを触ってみる。

久しぶりなので、リハビリを済ました後FullCalendarを少しカスタム。
公式ドキュメント
http://arshaw.com/fullcalendar/

$(document).ready ->
  $('#calendar').fullCalendar
    header:
      right: 'agendaDay agendaWeek month today prev next'
    firstDay: 1
    weekends: true
    weekMode: 'fixed'
    weekNumbers: false
    timeFormat: 'H(:mm)'
    titleFormat:
      month: 'yyyy年 M月'
      week: 'M月d日'
      day: "d日'('ddd')'"
    monthNames: [
      '1月'
      '2月'
      '3月'
      '4月'
      '5月'
      '6月'
      '7月'
      '8月'
      '9月'
      '10月'
      '11月'
      '12月'
    ]
    dayNamesShort: [
      '日'
      '月'
      '火'
      '水'
      '木'
      '金'
      '土'
    ]
    buttonText:
      today: '今日'
      month: '月'
      week: '週'
      day: '日'
    events: 'http://www.google.com/calendar/feeds/ja.japanese%23holiday%40group.v.calendar.google.com/public/full/'
    dayClick: (date, allDay, jsEvent, view) ->
      alert "dayclick #{date}"
      alert "Coordinates: #{jsEvent.pageX}, #{jsEvent.pageY}"
      alert "Current view #{view.name}"
      location.href = "show?param1=hoge&param2=fuga”

結局、google calendarを引っ張ってきて祝日を表示させるのは上手くいかなかったorz
注目はlocation.href = "show?param1=hoge&param2=fuga”

カレンダーの日付箇所をクリックした時に日付をパラメータにして
コントローラーへリダイレクトさせる。

※コントローラ側実装
  def show
    render :text => "param1 = #{params[:param1]}, param2 = #{params[:param2]}"
  end

↓表示結果








参考URL
http://little-braver.com/156/


0 件のコメント:

コメントを投稿