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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

3830閲覧

fullcalendarで2つカレンダーを並べて表示させたい

urushi

総合スコア6

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2020/08/19 10:03

前提・実現したいこと

fullcalendarを使用し、今月・翌月のカレンダーをサイトに2つ並べて表示させたいのですが、同じ月が2度表示されます。
(今月を例に挙げるとするならば、8月が2回続きます。。。)

コードは下記URLを参考に記述していましたが、うまく表示されないので力を貸していただきたいです!
https://soudan1.biglobe.ne.jp/qa6564701.html

<script type='text/javascript' src='/assets/js/lib/jquery.min.js'></script> <script type='text/javascript' src='/assets/js/lib/moment.min.js'></script> <script type='text/javascript' src='/assets/js/fullcalendar.min.js?'></script> <script type='text/javascript' src='/assets/js/gcal.min.js'></script>
//fullcalendar $(document).ready(function() { var dt = new Date(); $('#calendar-view .month').each(function () { $(this).fullCalendar({ googleCalendarApiKey: '', eventSources:[ { googleCalendarId: '', className: 'gcal-お休み', }, ], header: { left: '', center: 'title', right: '' }, titleFormat: 'YYYY.M', showNonCurrentDates: false, year: dt.getFullYear, month: dt.getMonth }); dt.setMonth(dt.getMonth() + 1); }); });

jsで作成中。

試したこと

https://soudan1.biglobe.ne.jp/qa6564701.html
上記サイトのdt.setMonth(dt.getMonth() + 1);をいじったりしていましたが、jsの知識がなく、あまり試せなかったです。
すみません…

補足情報(FW/ツールのバージョンなど)

jsでエラーが出ているなどは無いです。

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

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

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

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

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

guest

回答1

0

ベストアンサー

yearmonthなんてプロパティがあるのか謎です。
defaultDateを使いましょう。

js

1//fullcalendar 2$(document).ready(function() { 3 var dt = new Date(); 4 $('#calendar-view .month').each(function () { 5 $(this).fullCalendar({ 6 googleCalendarApiKey: '', 7 eventSources:[ 8 { 9 googleCalendarId: '', 10 className: 'gcal-お休み', 11 }, 12 ], 13 header: { 14 left: '', 15 center: 'title', 16 right: '' 17 }, 18 titleFormat: 'YYYY.M', 19 showNonCurrentDates: false, 20 defaultDate: dt 21// year: dt.getFullYear, 22// month: dt.getMonth 23 }); 24 dt.setMonth(dt.getMonth() + 1); 25 }); 26});

投稿2020/08/19 23:54

macaron_xxx

総合スコア3191

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

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

urushi

2020/08/20 00:42

こちらの記述で2ヵ月分表示できました! ありがとうございます。 とても助かりました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問