Question

我正努力让全日历从今天开始。它的作用是在我这样做时显示完整的一周： -

$('#calendar').fullCalendar({
  // Options
});

$('#calendar').fullCalendar('gotoDate', currentDate);

今天的currentDate。

Refernce： - http://flickfootball.in/ 点击日历标签..

Answer 1

FullCalendar依赖于 moment.js ，所以你可以这样做：

var today = moment().day();
$('#calendar').fullCalendar({
  firstDay: today
});

Answer 2

<script>
  $('#calendar').fullCalendar({
    defaultDate: moment().format("YYYY-MM-DD")
  });
</script>

Answer 3

添加以下代码

$('#my-today-button').click(function() {
  $('#calendar').fullCalendar('today');
});

有关详细信息，请查看link

Answer 4

参考此链接

How to show description of Events in fullcalendar

//我正在使用moment.js作为今天的约会 - today_date = moment（）。format（＆＃39; YYYY-MM-DD＆＃39;）;

//在这一行我给出了今天的默认日期。 - defaultDate：today_date，

Answer 5

设置defaultDate，如此：

$('#calendar').fullCalendar('today')

示例

$('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay,listYear' }, defaultDate: $('#calendar').fullCalendar('today'), // THIS IS WHAT YOU'RE LOOKING FOR nowIndicator: true, navLinks: true, // click day/week names to navigate to date editable: true, // allows drag/drop eventLimit: true, // allow "more" link when too many events events: [] //an array of your events here });

有关获取当天here
的文档中的更多信息

Answer 6

$(function() {
    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        defaultDate: moment(), //Use moment() as current date
        editable: true,
        eventLimit: true, // allow "more" link when too many events

    });
});

Answer 7

您可以使用php

首先，您需要设置使用时间

<?php
date_default_timezone_set('America/Manaus'); 
$today = date("Y-m-d");//use this format
?>

秒，以全历调用变量

<script>
$(document).ready(function() {

        $('#calendar').fullCalendar({
            defaultDate:   <?php echo "'" . $today . "'"; ?>,//yyyy+"-"+mm+"-"+dd,
                                });
                          });
</script>

Answer 8

你想这样吗？试试这个

$(function() {
	$('#calendar').fullCalendar({
		header: {
			left: 'prev,next today',
			center: 'title',
			right: 'month,agendaWeek,agendaDay'
		},
		defaultDate: '2016-01-12',
		editable: true,
		eventLimit: true, // allow "more" link when too many events
		
	});
});

<link rel='stylesheet' href='http://fullcalendar.io/js/fullcalendar-2.6.1/fullcalendar.min.css' />

<script src='//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js'></script>
<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://fullcalendar.io/js/fullcalendar-2.6.1/fullcalendar.min.js'></script>
<link rel='stylesheet' href='http://fullcalendar.io/js/fullcalendar-2.6.1/fullcalendar.min.css' />
<div id='calendar'></div>

Answer 9

发现了一个黑客。虽然不是一个合适的解决方案。

全日历可让您使用firstDay：''开始日历。所以，找出今天是哪一天，并将其设置为firstDay。所以日历从该日期开始。

var d = new Date（）; var t = d.getDay（）;

firstDay：t，

今天的全日历开始日期

9 个答案: