index.php

<div class="events-index">

    <h1><?= Html::encode($this->title) ?></h1>

    <p>

        // Модальное окно создания

        <?php
            Modal::begin([
                'header' => '<h2>Create event</h2>',
                'id' => 'crEvent',
                'size' => 'modal-md'
            ]);

            echo '<div id="modalContent"></div>';

            Modal::end();
        ?>

        <?php
        // Модальное окно просмотра и редактирования
        Modal::begin([
            'id' => 'view',
            'header' => '<h2>About this event</h2>'
        ]);
        Modal::end();
        ?>

    </p>
        <?= \yii2fullcalendar\yii2fullcalendar::widget(array(
                'clientOptions' => [
                    'height' => 770,
                    'editable' => true,
                    'minTime' => '08:00',
                    'maxTime' => '19:00',
                    'slotDuration' => '00:15:00',
                    'eventLimit' => true,
                    'allDaySlot' => false,
                    'timezone' => 'local',
                    'timeFormat' => 'HH:mm',
                    'lang' => 'uk',
                    'slotLabelFormat' => 'HH:mm',
                    'scrollTime' => '00:00:30',
                    // Создание ивента по клику на дне
                    'dayClick' => new JsExpression("function(event) {
                        var date = $(this).attr('data-date');
                        $.ajax({
                            url: 'events/create',
                            type: 'GET',
                            data: {
                                date: date
                            },
                            success: function(data) {
                                $('#crEvent').modal('show')
                                    .find('#modalContent')
                                    .html(data);
                            },
                            error: function() {
                                alert('Error');
                            }
                        });
                    }
                    "),
                    // Вызов модального окна при клике по ивенту
                    'eventClick' => new JsExpression("function(event) {
                        viewUrl = 'events/view?id=' + event.id;
                        updateUrl = 'events/update?id=' + event.id;
                        $('#edit-link').attr('href', updateUrl);
                      $('#view').find('.modal-body').load(viewUrl);
                      $('#view').modal('show');
                    }")
                ],
                'events' => $events
        ));
        ?>
</div>