3

Hero Framework 内でイベント カレンダーを作成しています。JSONメソッドを介してフルカレンダーをDBにリンクしました。レコードは「2012-04-18 12:00」で開始し、「2012-04-18 14:00」で終了しますが、カレンダーは時間に基づくイベントを表示できませんでした。終日イベントとして表示されます。それを解決する方法はありますか？

<script type='text/javascript'>

$(document).ready(function() {

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

    var calendar = $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            right: 'month,agendaWeek,agendaDay'
        },
        selectable: true,
        selectHelper: true,
        allDaySlot: false,
        firstHour: 9,
        select: function(start, end) {
            var title = prompt('Event Title:');
            if (title) {
                calendar.fullCalendar('renderEvent',
                    {
                        title: title,
                        start: start,
                        end: end
                    },
                    false // make the event "stick"
                );

                var startDateString = $.fullCalendar.formatDate(start, 'yyyy-MM-dd hh:mm');
                var endDateString = $.fullCalendar.formatDate(end, 'yyyy-MM-dd hh:mm');
                $.ajax({
                    type: 'POST',
                    url: '{url}ajaxpost/add',
                    data: {
                        startDate: startDateString,
                        endDate: endDateString,
                        eventTitle: title                            
                    },
                    dateType: 'json',
                    success: function (resp) {
                        calendar.fullCalendar('refetchEvents');

                    }
                });
            }
            calendar.fullCalendar('unselect');
        },
        editable: true,
        events: "{url}ajaxget/data",
    });

});

4

2 に答える 2

3

イベント allDay プロパティを false に設定する必要があります

于 2012-04-09T18:37:45.227 に答える
1

URLからイベントを返す場合{url}ajaxget/data、イベントが終日ではないことを指定する必要があります。

あなたはこれを、一日中ではなくallDay、それぞれにフィールドを設定します。event

次のようになります。

[{
    start : 10000000,
    end :   10000500,
    title : 'example event'
    allDay : false
}, ... ]

この情報はドキュメントにも記載されています。

于 2013-02-08T16:24:15.120 に答える