在Yii2-fullcalendar

时间:2016-05-21 08:22:39

标签: php yii2 fullcalendar

enter image description here

我不知道为什么工具提示的开始和结束时间与日历的时间不同。 在工具提示中,分钟始终为“05”。请帮助我获得正确的分钟值(1:00 - 2:30)。

这是fullcalendar小部件的代码:

<?= \yii2fullcalendar\yii2fullcalendar::widget(array(
            'options' => [
            ],
            'clientOptions' => [
                'allDaySlot' => false,
                'selectHelper' => true,
                'eventClick' => new JsExpression($JSEventClick),
                'dayClick' => new JsExpression($JSDayClick),
                'eventMouseover' =>new JsExpression($JSDayMouseover),
                'eventMouseout' =>new JsExpression($JSDayMouseout),
                'defaultView' => 'agendaWeek',
                'header' => [
                    'center'=>'prev,next today',
    //                'left'=>'title',
                    'left'=>'',
                    'right'=>'agendaDay,agendaWeek,month',
                ],
            ],
            //'events'=> $events,   // Dung khi goi action index
           'ajaxEvents' => Url::to(['/datsan/jsoncalendar', 'id_sanCon' => $modelSanCon->id])
        ));
        ?>

这是工具提示的代码:

$JSDayMouseover = <<<EOF
    function(calEvent, jsEvent, view) {
       var tooltip = '<div class="fullcalendar-tooltipevent">'
                        + '<h3>'+calEvent.title+'</h3>'
                        + '<p>'
                        + calEvent.start.format("DD/MM/Y") + ': ' + calEvent.start.format("HH:MM") + ' - ' + calEvent.end.format("HH:MM")
                        + '</p>'
                        + '</div>';
        $("body").append(tooltip);
        $(this).mouseover(function(e) {
            $(this).css('z-index', 10000);
            $('.fullcalendar-tooltipevent').fadeIn('500');
            $('.fullcalendar-tooltipevent').fadeTo('10', 1.9);
        }).mousemove(function(e) {
            $('.fullcalendar-tooltipevent').css('top', e.pageY + 10);
            $('.fullcalendar-tooltipevent').css('left', e.pageX + 20);
    });
    }
EOF;

web.php

$config = [
    'id' => 'basic',
    'timeZone' => 'Asia/Ho_Chi_Minh',

1 个答案:

答案 0 :(得分:0)

你在会议记录上看到的05实际上是月份日期(五月)。 你有一个格式错误。 以分钟格式将MM更改为mm:

 var tooltip = '<div class="fullcalendar-tooltipevent">'
                    + '<h3>'+calEvent.title+'</h3>'
                    + '<p>'
                    + calEvent.start.format("DD/MM/Y") + ': ' + calEvent.start.format("HH:mm") + ' - ' + calEvent.end.format("HH:mm")
                    + '</p>'
                    + '</div>';