툴팁의 시작 시간과 종료 시간이 캘린더 시간과 다른 이유를 모르겠습니다. 툴팁에서 분은 항상 "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',
분에 표시되는 05는 실제로 월일 (5 월)입니다. 서식 버그가 있습니다. 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>';
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다