0

The FullCalendar jQuery library (http://arshaw.com/fullcalendar/) meets my needs to a t. It seems to have just what I need. However I can't figure out how to configure it to use this existing JSON Service Return:

{
    "SystemResponse": null,
    "Events": 
    {        
        "systemMessageField": "",
        "otherMessageField": "",
        "eventsField": 
        [
            {
                "additionalTextField": "",
                "eventTitle": "eventTitle1",
                "eventCommentsField": "",
                "eventDateTimeField": "/Date(1379953200000-0500)/",
                "eventDateTimeFieldSpecified": true,
                "eventEndDateTimeField": "/Date(1379954400000-0500)/",
                "eventSourceIDField": "2",
                "eventSourceNumberField": "",
                "eventTimeZoneField": "CDT",
                "eventTypeField": "9109"
            },
            {
                "additionalTextField": "Add Text",
                "eventTitle": "eventTitle1",
                "eventCommentsField": "",
                "eventDateTimeField": "/Date(1379975400000-0500)/",
                "eventDateTimeFieldSpecified": true,
                "eventEndDateTimeField": "/Date(1379979000000-0500)/",
                "eventSourceIDField": "3",
                "eventSourceNumberField": "",
                "eventTimeZoneField": "CDT",
                "eventTypeField": "U123"
            }
        ]
    }
}

I believe the service should return something like the 'Ideal' FullCalendar Return:

[
    "0",
    {
        "allDay": "",
        "title": "Test event",
        "id": "821",
        "end": "2011-06-06 14:00:00",
        "start": "2011-06-06 06:00:00"
    },
    "1",
    {
        "allDay": "",
        "title": "Test event 2",
        "id": "822",
        "end": "2011-06-10 21:00:00",
        "start": "2011-06-10 16:00:00"
    }
]

is there any way to make use of FullCalendar functionality to take my original source json and map like so:

eventDateTimeField->start
eventEndDateTimeField->end
eventTitle->title

Then the FullCalendar control should be able to use my original event service to create events (Oh, and parse those pesky json dates...)

4

1 回答 1

0

您有正确的想法，将 JSON 提要的结果映射到 FullCalendar 的事件对象属性。

您必须确保 allDay 是一个布尔值，这意味着您返回 true 或 false 不带引号（使用您的浏览器确保它显示 "allDay":true 或 "allDay":false 不带任何引号true或false！ ）。要么，要么根本不返回它，只是让你的默认值适用于所有事件（不是很实用）。

标准化一种日期格式也很有用，我发现 UNIX 日期/时间格式是 FullCalendar 和数据库后端之间最可靠的通信方式。但是，请注意您希望在几秒钟内完成此操作（这些天是 10 位数字）。从您的示例中，我可以看到它以毫秒为单位。您需要除以 1,000 或将其视为字符串并取最左边的 10 个字符。我建议您将数据存储在 UTC 中，并在数据库之外进行任何时区操作。此操作将适用于检索和存储日期。

如果您无法更改现有 JSON 提要中的编码，您可以创建一个中间“侦听器”来从当前提要中检索数据并对其进行操作（确保 allDay 实际上是一个布尔值并反映您的状态事件，重新格式化日期/时间数据并翻译元素名称）。然后，您的 FullCalendar 事件似乎来自您的中介通过查询现有 JSON 提要创建的 JSON 提要。

FullCalendar 存储所有属性，无论它是否使用它们，因此您仍然可以根据提要中可用的增强数据操作事件对象，尽管 FullCalendar 的正确操作只需要少数属性。

于 2013-11-04T17:02:40.937 回答