質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

17457閲覧

FullCalendarでprev、nextボタンを押下した際に、その日付をパラメータとして送りeventの取得がしたい。

s_k

総合スコア12

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

1クリップ

投稿2017/04/27 06:27

###実現したいこと
例えば現在が2017年4月であれば、prevボタンを押下した際に、eventsのurlに201703をパラメータとして渡してeventの取得をしたいと考えています。

###該当のソースコード

$(document).ready(function() { var date_obj = $('#fullcalendar').fullCalendar('getDate'); var date = moment(date_obj).format('YYYYMMDD'); drawCal(date); $('.fc-prev-button').on('click', function(){ var date_obj_prev = $('#fullcalendar').fullCalendar('getDate'); var date_prev = moment(date_obj_prev).format('YYYYMMDD'); drawCal(date_prev); }); $('.fc-next-button').on('click', function(){ var date_obj_next = $('#fullcalendar').fullCalendar('getDate'); var date_next = moment(date_obj_next).format('YYYYMMDD'); drawCal(date_next); }); }); function drawCal (date) { $('#fullcalendar').fullCalendar({ header: { left: 'prev', center: 'title', right: 'next' }, height: 540, editable: false, // 月名称 monthNames: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'], // 月略称 monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'], // 曜日名称 dayNames: ['日曜日', '月曜日', '火曜日', '水曜日', '木曜日', '金曜日', '土曜日'], // 曜日略称 dayNamesShort: ['日', '月', '火', '水', '木', '金', '土'], eventLimit: true, events: '/dev/'+date, }); }

###試したこと
上記ソースでは、最初のロード時にfullcalendarを描画し、prev、nextボタンのクリック時に、クリックがされた月を引数として渡し、再びfullcalendarを描画することで上記を実現しようと考えているのですが、クリック時に実行されるeventsのurlに当月のdateが固定で渡されてしまっています。

onClick時に実行されるdrawCal()の引数のdateにはクリックされた日付が入っているのですが、eventsのurlのパラメータとしてどのようにすればクリック時の日付が渡せるのかがわかりませんでした。

ご助力よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

events に関数を渡すとカレンダーの切替時(prev/nextなど)に自動で実行するようです。

【events (as a function) - Documentation | FullCalendar】
https://fullcalendar.io/docs/event_data/events_function/

投稿2017/04/27 17:32

kei344

総合スコア69364

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

s_k

2017/04/28 01:15

ご返信ありがとうございます。 デフォルトでparameterに渡されるstartとendを使えば良いのですね。。 貼っていただいたURLもとても参考になりました。 ありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問