Fullcalendarで任意の日付をクリックしたとき、その日付にあるイベントを取得するには

###前提・実現したいこと
dayclickでその日のイベントを取得したい。

###発生している問題・エラーメッセージ

エラーメッセージ

###該当のソースコード
dayClick: function (date, allDay, jsEvent, view) {
ここに書くコードがわからない
}

■イベントはこんな感じで登録されている。
events: [
{
title: '出張',
start: '2017-05-01',
color: '#92d050'
},

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

s8_chu

2017/08/26 04:30

質問者さんが記述したコードを追記していただけませんか？

行動規範の内容に同意します

回答1件

ベストアンサー

以下のように行ってみてはいかがでしょうか？

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.min.css">
6    <title>タイトル</title>
7</head>
8<body>
9<div id="calendar"></div>
10<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
11<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
12<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.min.js"></script>
13<script>
14    $(function () {
15        $("#calendar").fullCalendar({
16            dayClick: function (d, a, j, v) {
17                $("#calendar").fullCalendar("clientEvents", function (e) {
18                    if (moment(d).format("YYYY-MM-DD") === moment(e.start).format("YYYY-MM-DD")) {
19                        alert(e.title);
20                    }
21                });
22            },
23            events: [{
24                title: "出張",
25                start: "2017-05-01",
26                color: "#92d050"
27            }]
28        });
29    });
30</script>
31</body>
32</html>