JSFiddle - React, Tailwind, and code Playground

by gurkavcu

HTML

<link rel="stylesheet" href="http://arshaw.com/js/fullcalendar-1.5.4/fullcalendar/fullcalendar.print.css">
<link rel="stylesheet" href="http://arshaw.com/js/fullcalendar-1.5.4/fullcalendar/fullcalendar.css">
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.min.js"></script>
<script src="http://arshaw.com/js/fullcalendar-1.5.4/fullcalendar/fullcalendar.js"></script>
<div id='calendar'></div>
<form class="form-horizontal hide" id="acilacak">
    <div class="row-fluid">
        <div class="span12">içerik</div>
    </div>
</form>

JavaScript

var date = new Date();
 var d = date.getDate();
 var m = date.getMonth();
 var y = date.getFullYear();

 var calendar = $('#calendar').fullCalendar({
     allDayText: 'tüm gün',
     monthNames: ['Ocak', 'Şubat', 'Mart', 'Nisan', 'Mayıs', 'Haziran', 'Temmuz', 'Ağustos', 'Eylül', 'Ekim', 'Kasım', 'Aralık'],
     monthNamesShort: ['Oca', 'Şub', 'Mar', 'Nis', 'May', 'Haz', 'Tem', 'Ağu', 'Eyl', 'Eki', 'Kas', 'Ara'],
     dayNames: ['Pazar', 'Pazartesi', 'Salı', 'Çarşamba', 'Perşembe', 'Cuma', 'Cumartesi'],
     dayNamesShort: ['Paz', 'Pzt', 'Sal', 'Çar', 'Per', 'Cum', 'Cmt'],
     buttonText: {
         prev: '<i class="icon-arrow-left"></i>',
         next: '<i class="icon-arrow-right"></i>',
         prevYear: '&nbsp;&lt;&lt;&nbsp;',
         nextYear: '&nbsp;&gt;&gt;&nbsp;',
         today: 'bugün',
         month: 'ay',
         week: 'hafta',
         day: 'gün'
     },
     axisFormat: 'H:mm',
     timeFormat: 'HH:mm{-HH:mm}',
     header: {
         left: 'prev,next today',
         center: 'title',
         right: 'month,agendaWeek,agendaDay'
     },
     selectable: true,
     selectHelper: true,


    //seçim yapıldığında çalışan fonksiyon
     select: function (startDate, endDate, allDay) {
         //vm.openAddEvent(true); 
        
         var element =  $(this.element[0]).find(".fc-cell-overlay").filter(function() { return $(this).css("display") == "block" }).first();
         
         $(this.element[0]).find(".fc-cell-overlay").filter(function() { return $(this).css("display") == "none" }).each(function(){
        console.log(this);
        if($(this) && $(this).popover && $(this) !== element)        
            $(this).popover('hide');
                                                                                                                                            });
         
element.popover({
             html: true,
             title: 'Etkinlik Oluştur',
             content: function () {
                 var contPopover = $(this);
 ...