JSFiddle - React, Tailwind, and code Playground

by Shin Okada

HTML

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.0/fullcalendar.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.0/fullcalendar.min.js "></script>
<div id='calendar'></div>

JavaScript

$(document).ready(function() {
var norepeat = [{
  "id": 1,
  "title": "yoga class 6",
  "description": null,
  "room_id": 1,
  "capacity": 6,
  "color": "#00aabb",
  "all_day": 0,
  "start": "2017-06-12 10:00:00",
  "end": "2017-06-12 13:00:00",
  "repeat": 0,
  "created_at": "2017-06-07 09:01:19",
  "updated_at": "2017-06-07 17:19:24"
}, {
  "id": 8,
  "title": "yoga class 002",
  "description": null,
  "room_id": 1,
  "capacity": 12,
  "color": "#e825a5",
  "all_day": 0,
  "start": "2017-06-10 12:00:00",
  "end": "2017-06-10 13:00:00",
  "repeat": 0,
  "created_at": "2017-06-08 20:25:24",
  "updated_at": "2017-06-08 20:25:24"
}];

var repeatingevents = [{
  "id": 9,
  "title": "yoga class",
  "description": null,
  "room_id": 1,
  "capacity": 12,
  "color": "#00aabb",
  "all_day": 0,
  "start": "2017-06-10 18:00:00",
  "end": "2017-06-10 19:00:00",
  "repeat": 1,
  "created_at": "2017-06-09 07:18:35",
  "updated_at": "2017-06-09 07:18:35",
  "repeatevents": [{
    "id": 4,
    "event_id": 9,
    "dow": "\"1,3,5\"",
    "date_start": "2017-06-10",
    "date_end": "2017-07-21",
    "time_start": "07:18:00",
    "time_end": "08:18:00",
    "created_at": "2017-06-09 07:18:35",
    "updated_at": "2017-06-09 07:18:35"
  }]
}];


  var repeats = JSON.parse(repeatingevents);
  console.log(repeats);
 
 

});