Fullcalendar Qtips Формат даты - PullRequest
Новая
       35

Fullcalendar Qtips Формат даты

0 голосов
/ 11 мая 2018

Я пытаюсь получить время события. Конечное время корректно отображается во всплывающих подсказках qtip2, используя следующий код: 

            element.qtip({
            content: {    
                title: { text: event.title },
                text: '<span class="qtip-title">Starts: </span>' + ($.fullCalendar.formatDate(event.start, 'h:mm a')) + '<br>' + '<span class="qtip-title">Ends: </span>' + event.end + '<br>' + '<span class="qtip-title">Venue: </span>' + event.location + '<br>' + '<span class="qtip-title">Description: </span>' + event.description
            },
            ...

Время начала события отображается правильно с помощью кода: 

($.fullCalendar.formatDate(event.start, 'h:mm a'))

и время окончания события отображается в виде строки чисел (строка ISO8601?) С использованием кода: 

event.end

Если я попытаюсь заменить либо: 

($.fullCalendar.formatDate(event.end, 'h:mm a'))

или 

event.end.format('h:mm a ddd')

Календарь полностью не отображается. Примечание. Код: event.start.format ('h: mm a ddd') также правильно отображает время запуска.

Очевидно, что я делаю что-то не так. Любой совет будет принята с благодарностью.

Дальнейшее обновление: Console Log

Используя следующий код: 

content: {    
                title: { text: event.title },
                text: '<span class="qtip-title">Starts: </span>' + event.start.format('h:mm a') + '<br>' + '<span class="qtip-title">Ends: </span>' + event.end.format('h:mm a') + '<br>' + '<span class="qtip-title">Venue: </span>' + event.location + '<br>' + '<span class="qtip-title">Description: </span>' + event.description
            },
...

возвращаются следующие данные журнала консоли: 

unreachable code after return statement[Learn More]  js:69:1217
jQuery.Deferred exception: event.end is null eventRender@http://example.com/site/templates/scripts/hnu-calendar.js:80:66
H</t.prototype.publiclyTrigger@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:10:2065
p</e.prototype.publiclyTrigger@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:9:25413
o</t.prototype.filterEventRenderEl@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:7:29788
o</t.prototype.renderFgSegEls/<@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:7:29235
each@https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js:2:2813
each@https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js:2:1001
o</t.prototype.renderFgSegEls@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:7:29187
o</t.prototype.renderFgRanges@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:7:27940
o</t.prototype.render@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:7:27699
p</e.prototype.executeEventRender@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:9:26656
p</e.prototype.callChildren/<@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:9:31088
p</e.prototype.iterChildren@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:9:31182
p</e.prototype.callChildren@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:9:31058
p</e.prototype.executeEventRender@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:9:26729
p</e.prototype.requestEventsRender/<@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:7:18403
o</e.prototype.runTask@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:9:23735
r</t.prototype.runRemaining@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:9:22352
r</t.prototype.tryStart@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:9:22182
r</t.prototype.resume@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:9:21984
p</e.prototype.stopBatchRender@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:7:15515
e@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:6:16679
dispatch@https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js:3:10263
add/q.handle@https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js:3:8325
trigger@https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js:4:5806
triggerHandler@https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js:4:6394
s</e.prototype.trigger@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:6:16925
a</e.prototype.setProps@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:8:4635
a</e.prototype.set@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:8:4028
a</e.prototype.watch/this._watchers[t]</<@http://example.com/scripts-mx/fullcalendar.3.9.0.min.js:8:4864
j@https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js:2:29946
g/</k<@https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js:2:30262
undefined  jquery.min.js:2:31515

Затем следует этот вывод: 

BackgroundThumbnails remote process crashed - recovering  BackgroundPageThumbs.jsm:256
Error: page-thumbnail:error  BackgroundPageThumbs.jsm:116:24
TelemetryStopwatch: requesting elapsed time for nonexisting stopwatch. Histogram: "PLACES_AUTOCOMPLETE_1ST_RESULT_TIME_MS", key: "null" TelemetryStopwatch.jsm:363
TelemetryStopwatch: requesting elapsed time for nonexisting stopwatch. Histogram: "PLACES_AUTOCOMPLETE_1ST_RESULT_TIME_MS", key: "null" TelemetryStopwatch.jsm:363
TelemetryStopwatch: requesting elapsed time for nonexisting stopwatch. Histogram: "PLACES_AUTOCOMPLETE_1ST_RESULT_TIME_MS", key: "null" TelemetryStopwatch.jsm:363
BackgroundThumbnails remote process crashed - recovering  BackgroundPageThumbs.jsm:256

Ошибка: эскиз страницы: ошибка BackgroundPageThumbs.jsm: 116: 24 TelemetryStopwatch: запрашивает истекшее время для несуществующего секундомера. Гистограмма: "PLACES_AUTOCOMPLETE_1ST_RESULT_TIME_MS", ключ: "null" TelemetryStopwatch.jsm: 363 TelemetryStopwatch: запрашивает истекшее время для несуществующего секундомера. Гистограмма: "PLACES_AUTOCOMPLETE_1ST_RESULT_TIME_MS", ключ: "нулевой" TelemetryStopwatch.jsm: 363 Удален удаленный процесс BackgroundThumbnails - восстанавливается BackgroundPageThumbs.jsm: 256 Ошибка: эскиз страницы: ошибка BackgroundPageThumbs.jsm: 116: 24 TelemetryStopwatch: запрашивает истекшее время для несуществующего секундомера. Гистограмма: "PLACES_AUTOCOMPLETE_1ST_RESULT_TIME_MS", ключ: "нулевой" TelemetryStopwatch.jsm: 363 TelemetryStopwatch: запрашивает истекшее время для несуществующего секундомера. Гистограмма: "PLACES_AUTOCOMPLETE_1ST_RESULT_TIME_MS", ключ: "нулевой" TelemetryStopwatch.jsm: 363 TelemetryStopwatch: запрашивает истекшее время для несуществующего секундомера. Гистограмма: "PLACES_AUTOCOMPLETE_1ST_RESULT_TIME_MS", ключ: "нулевой" TelemetryStopwatch.jsm: 363 TelemetryStopwatch: запрашивает истекшее время для несуществующего секундомера. Гистограмма: "PLACES_AUTOCOMPLETE_1ST_RESULT_TIME_MS", ключ: "нулевой" TelemetryStopwatch.jsm: 363 Удален удаленный процесс BackgroundThumbnails - восстанавливается BackgroundPageThumbs.jsm: 256 Ошибка: эскиз страницы: ошибка BackgroundPageThumbs.jsm: 116: 24 TelemetryStopwatch: запрашивает истекшее время для несуществующего секундомера. Гистограмма: "PLACES_AUTOCOMPLETE_1ST_RESULT_TIME_MS", ключ: "нулевой" TelemetryStopwatch.jsm: 363 Удален удаленный процесс BackgroundThumbnails - восстанавливается BackgroundPageThumbs.jsm: 256 Ошибка: эскиз страницы: ошибка BackgroundPageThumbs.jsm: 116: 24 TelemetryStopwatch: запрашивает истекшее время для несуществующего секундомера. Гистограмма: "PLACES_AUTOCOMPLETE_1ST_RESULT_TIME_MS", ключ: "нулевой" TelemetryStopwatch.jsm: 363 TelemetryStopwatch: запрашивает истекшее время для несуществующего секундомера. Гистограмма: "PLACES_AUTOCOMPLETE_1ST_RESULT_TIME_MS", ключ: "нулевой" TelemetryStopwatch.jsm: 363 TelemetryStopwatch: запрашивает истекшее время для несуществующего секундомера. Гистограмма: "PLACES_AUTOCOMPLETE_1ST_RESULT_TIME_MS", ключ: "нулевой" TelemetryStopwatch.jsm: 363 Удален удаленный процесс BackgroundThumbnails - восстанавливается BackgroundPageThumbs.jsm: 256 Ошибка: эскиз страницы: ошибка BackgroundPageThumbs.jsm: 116: 24 Удален удаленный процесс BackgroundThumbnails - восстанавливается BackgroundPageThumbs.jsm: 256 Ошибка: эскиз страницы: ошибка BackgroundPageThumbs.jsm: 116: 24 Несбалансированное дерево было записано с использованием метода document.write (), что привело к повторному анализу данных из сети. Для получения дополнительной информации https://developer.mozilla.org/en/Optimizing_Your_Pages_for_Speculative_Parsing container.html: 8 Несбалансированное дерево было записано с использованием метода document.write (), что привело к повторному анализу данных из сети. Для получения дополнительной информации https://developer.mozilla.org/en/Optimizing_Your_Pages_for_Speculative_Parsing container.html: 8 Несбалансированное дерево было записано с использованием метода document.write (), что привело к повторному анализу данных из сети. Для получения дополнительной информации https://developer.mozilla.org/en/Optimizing_Your_Pages_for_Speculative_Parsing container.html: 8 a: таймер запущен sca.17.4.72.js: 32 a: 0.84mssca.17.4.72.js: 32Интерфейсы WebRTC с префиксом «moz» (mozRTCPeerConnection, mozRTCSessionDescription, mozRTCIceCandidate) устарели.sca.17.4.72.js: 33: 4653 Этот сайт использует эффект позиционирования, связанный с прокруткой.Это может не работать с асинхронным панорамированием;см. https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects для получения дополнительной информации и присоединения к обсуждению связанных инструментов и функций!edit

Первая строка относится к https://www.googletagmanager.com/gtag/js?id=.... Первая часть второй строки ... hnu-calendar.js: 80: 66 Строка 66 этого файла относится ко второй строке следующегокод: 

        bootstrapFontAwesome: {
        close: 'fa-times',
        prev: 'fa-angle-left',
        next: 'fa-angle-right',
        prevYear: 'fa-angle-double-left',
        nextYear: 'fa-angle-double-right'
    },

Чистый результат - пустой календарь, и если я просто удалю из раздела контента следующее: 

'<span class="qtip-title">Ends: </span>' + event.end.format('h:mm a') + '<br>' +

Календарь будет отображаться нормально, хотя время окончания отсутствует ввсплывающие подсказки qtip.

...