-1

fullcalendar を実装しましたが、2 つの問題を除いて正常に動作しています (2 つ目の問題は別の質問で取り上げます)。

評判が悪いので画像を追加できません！つまり、7 月 3 日の午前 10 時から 7 月 5 日の午前 10 時まで開催されるイベントがあります。月ごとに表示すると、7 月 3 日のみ表示され、4 日または 5 日にまたがることはありません。

これが私の実装コードです。

$('#calendar').fullCalendar({
    events:function(start, end, callback) {
        $.ajax({
            type: "POST",
            url: 'webservices/wsEvents.asmx/GetEventsBetweenDates',
            contentType: "application/json",
            dataType: "json",
            data:  formatCalendarDates(start, end),
            success: function (doc) {
                var events = [];
                $.each(doc.d, function() {
                    var duration = GetDuration($(this).attr('StartTime'), $(this).attr('EndTime'), true);
                    var allday = moment.duration(moment($(this).attr('EndTime'))-moment($(this).attr('StartTime'))).days() >=1 ? true : false;
                    //    duration.toLowerCase().indexOf("day") >= 0 ? true : false;
                    events.push({
                        title: replaceCharacter($(this).attr('Title'), "/u0027", "'"),
                        start: $(this).attr('StartTime'),
                        id: $(this).attr('ID'),
                        description: replaceCharacter($(this).attr('Description'),"/u0027","'"),
                        allDay: allday,
                        locationID: $(this).attr('Location'),
                        location: replaceCharacter($(this).attr('LocationName'), "/u0027", "'"),
                        duration: duration
                    });
                });
                callback(events);
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                //     debugger;
                ShowError("Error: " + textStatus);
            }
        });
    },
    theme: true,
    header: {
        left: 'prevYear,prev,next,nextYear today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    buttonIcons:{
        prevYear: "ui-icon ui-icon-triangle-1-w",
        prev: "ui-icon ui-icon-carat-1-w",
        next: "ui-icon ui-icon-carat-1-e",
        nextYear: "ui-icon ui-icon-triangle-1-e"
    },
    editable: false,
    allDaySlot: true,
    allDayDefault: false,
    firstDay: 1,
    timeFormat: {
        month: "H:mm",
        week: "",
        day: ""
    },
    weekNumbers: true,
    weekNumberCalculation: "iso",
    weekMode: "liquid",
    weekNumberTitle: "Wk",
    defaultView: "month",
    firstHour: 0,
    buttonText: {
        today: 'today',
        month: 'month',
        week: 'week',
        day: 'day'
    },
    columnFormat: {
        month: 'ddd',    // Mon
        week: 'ddd d/M', // Mon 9/7
        day: 'dddd d/M'  // Monday 9/7
    },
    eventClick: function (date, allDay, jsEvent, view) {
        DisplaySingleEvent(date, false)
    },
    eventMouseover: function (event, jsEvent, view) {
        $(this).css('cursor', 'pointer')
    },
    eventMouseout: function (date, allDay, jsEvent, view) {
        $(this).css('cursor', 'default')
    },
    eventRender: function (event, element) {
    },
    viewDisplay: function (view) {
    }
});

私のコードから、私が間違ったことを誰でも見ることができますか?

ありがとう

テリー。

4

1 に答える 1

0

経験に基づいた推測: endevents 配列で指定します。あなたは与えますdurationが、これは仕様によると標準の属性ではありません。

于 2013-07-05T08:32:39.187 に答える