Fullcalendar 在别处显示标题

Fullcalendar 在别处显示标题,fullcalendar,yii2,Fullcalendar,Yii2,我想从页眉处写出完整的日历正文。我想显示此div中的标题 我可以这样做吗 这是我的密码: <div class="box box-success"> <div class="box-header with-border"> <h3 class="box-title">User Vacation</h3> <div class="box-tools pull-rig

我想从页眉处写出完整的日历正文。我想显示此div中的标题

我可以这样做吗

这是我的密码:

<div class="box box-success">
            <div class="box-header with-border">
              <h3 class="box-title">User Vacation</h3>
              <div class="box-tools pull-right">
                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div><!-- /.box-header -->
            <div class="box-body no-padding">
              <div class="row">
                <div class="col-md-8">
                  <div class="pad">
                    <!-- Map will be created here -->
                    <div id="world-map-markers">

                        <?php

                            Modal::begin([
                                        'id' => "modifyEvent",
                                        'size' => 'modal-lg'
                                ]);

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

                            Modal::end();
                            ?> 

                        <div class='row'>

                         <?= \yii2fullcalendar\yii2fullcalendar::widget(array(
                                    'events'=>$model->getVacationDays(),
                                    'options' => [
                                            'id' => 'DashBoardCalendar',
                                            'class' => 'DashboardCalendarClass'
                                    ],
                                    'header' => 'false',
                                    'clientOptions' => [
                                        'firstDay' => '1',
                                        'selectable' => true,
                                        'selectHelper' => true,
                                        'editable' => true,
                                        'dayRender' => new JsExpression("function(date, cell) {
                                                            $.get('index.php?r=user-vacation-special-days/get-date', { date: date.format('YYYY-MM-DD')}, function(data){
                                                                cell.addClass(data);
                                                            });    

                                                            }"),
                                        'select' => new JsExpression("function(start, end) {
                                                                   // $('#newEventModal').find('#startDate').val(start.format('YYYY-MM-DD'));
                                                                   // $('#newEventModal').find('#endDate').val(end.format('YYYY-MM-DD'));
                                                                    //$('#newEventModal').find('#user').val('".Yii::$app->user->username ."');
                                                                    $('#modifyEvent').modal('show').find('#modalContent').load('index.php?r=user-vacation-days/create-with-attributes&start='+start.format('YYYY-MM-DD')+'&end='+end.format('YYYY-MM-DD'));                        
                                                                   // $('#newEventModal').modal('show');

                                                            }"),
                                        'eventDrop' => new JsExpression("function(event, delta, revertFunc) {
                                            $.get('index.php?r=user-vacation-days/update-partion', { id: event.id , start : event.start.format(), end : event.end.format()}, function(data){

                                            });


                                        }"),
                                        'eventResize' => new JsExpression("function(event, delta, revertFunc) {

                                            $.get('index.php?r=user-vacation-days/update-partion', { id: event.id , start : event.start.format(), end : event.end.format()}, function(data){

                                            });

                                        }"),
                                        'eventClick' => new JsExpression("function(calEvent, jsEvent, view) {
                                                                        $('#modifyEvent').modal('show').find('#modalContent').load('index.php?r=user-vacation-days/update&id='+calEvent.id);

                                                                    }"),
                                        'defaultDate' =>  date('Y-m-d') //"2015-04-01"
                                  ],
                      ));?>


                        </div>  



                    </div>
                  </div>
                </div><!-- /.col -->
                <div class="col-md-4 calendarBoxRight">
                    <div class="row">
                        <div class="col-md-11 bg-green">
                            <div class="description-block margin-bottom">
                                <div class="sparkbar pad" data-color="#fff">90,70,90,70,75,80,70</div>
                                <h5 class="description-header">8390</h5>
                                <span class="description-text">Visits</span>
                            </div><!-- /.description-block -->

                            <div class="description-block margin-bottom">
                                <div class="sparkbar pad" data-color="#fff">90,70,90,70,75,80,70</div>
                                <h5 class="description-header">8390</h5>
                                <span class="description-text">Visits</span>
                            </div><!-- /.description-block -->

                            <div class="description-block margin-bottom">
                                <div class="sparkbar pad" data-color="#fff">90,70,90,70,75,80,70</div>
                                <h5 class="description-header">8390</h5>
                                <span class="description-text">Visits</span>
                            </div><!-- /.description-block -->

                            <div class="description-block margin-bottom">
                                <div class="sparkbar pad" data-color="#fff">90,70,90,70,75,80,70</div>
                                <h5 class="description-header">8390</h5>
                                <span class="description-text">Visits</span>
                            </div><!-- /.description-block -->


                        </div>

                    </div>


                </div><!-- /.col -->
              </div><!-- /.row -->
            </div><!-- /.box-body -->
          </div><!-- /.box -->

用户假期

Yii不会阻止您更改html顺序或div嵌套。是的,但是我可以定义我要在哪里呈现日历标题,或者我必须使用jquery在其他地方屏蔽它吗?Yii扩展不会操纵视图,最好的方法是在FullCalendar中使用给定的机制重新定义视图,请参见第二个标题。您可能需要扩展yii2fullcalendar类以使用更新的视图。