0

FullCalendarでは、デフォルトで現在の月、日付、年が表示されますが、2013年6月5日のようなカスタムが必要です。

これを行う方法

$(document).ready(function() {

    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();


    $('#calendar').fullCalendar({
        theme: true,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        editable: false,
        events: [
            {
                title: 'Movie In',
                start: new Date(y, m, d),
                end: new Date(y, m,d),
                allDay: true,
            },

            ],
        eventColor: '#E42217'
    });

});

の

var d = '5'; var m = '7'; var y = '2013';

カスタム日付月も通過しましたが、機能していません

ありがとう

4

3 に答える 3

2

私はこれがあなたが望むものだと思います：gotoDate

于 2013-01-09T14:51:51.177 に答える
1

列ヘッダーを意味する場合は、次のようにcolumnFormatを使用します。

$('#calendar').fullCalendar({
    theme: true,
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    editable: false,
    events: [
        {
            title: 'Movie In',
            start: new Date(y, m, d),
            end: new Date(y, m,d),
            allDay: true,
        },

        ],
    eventColor: '#E42217',
    columnFormat: {
                  month: 'ddd',    // Mon
                  week: 'ddd M/d', // Mon 9/7
                  day: 'dd MMM yyyy' 
                  }
});

特定の日に行きたい場合は、この方法を使用してください。

$('#calendar').fullCalendar( 'gotoDate', year [, month, [ date ]] )

カレンダーを初期化したら、このメソッドを呼び出します。

于 2013-01-09T12:18:56.123 に答える
0 
$(document).ready(function() {
    $('#calendar').fullCalendar({
        defaultDate:$.now(),
            // lang: 'ja',
            editable: true,
            eventLimit: true,
            customButtons: {
                btnJan: {
                    text: 'January',
                    click: function() {
                        var moment = $('#calendar').fullCalendar('getDate');
                        var currentMonth =  moment.format('YYYY')+'-'+01+'-'+01;
                        $('#calendar').fullCalendar('gotoDate', currentMonth);
                    }
                },
                btnFeb: {
                    text: 'February',
                    click: function() {
                        var moment = $('#calendar').fullCalendar('getDate');
                        var currentMonth =  moment.format('YYYY')+'-'+02+'-'+01;
                        $('#calendar').fullCalendar('gotoDate', currentMonth);
                    }
                }
            },
            header: {
                left: 'prev,next today btnJan btnFeb',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            dayNamesShort: ['Sunday', 'Monday', 'Tuesday', 'Wednesday','Thursday', 'Friday', 'Saturday'],
            monthNames:['January', 'February', 'March', 'April', 'May', 'June', 'July','August', 'September', 'October', 'November', 'December'],
            titleFormat:'MMMM D YYYY',
            events: [
                {
                    title: 'All Day Event',
                    start: '2016-06-01'
                }
            ]
        });
});

参照： https ：//fullcalendar.io/docs/current_date/getDate/
デモ http://www.somelesson.blogspot.com/2016/11/fullcalendar-javascript-event-calendar.html
出力： ここに画像の説明を入力してください

于 2016-11-26T07:01:55.897 に答える