Отображение событий с датой и временем в полном календаре

Я использую полный календарь для отображения назначенных смен с начальным и конечным временем в полном календаре. Я буду получать данные в массиве и отображать значения в событиях. Если я делаю это только на дату, все работает правильно. Если я включаю в него время, оно не отображает события. Может ли кто-нибудь мне помочь с этим. Заранее спасибо

let apiData = [["11/07/2018","10:00",,"16:00","morningShift"],["11/08/2018","10:00",,"16:00","Shift1"]] // dynamic
         var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();
        var form = '';
        var today = new Date($.now());
        $('#calendar').fullCalendar({
            slotDuration: '00:15:00', /* If we want to split day time each 15minutes */
        minTime: '00:00:00', /* calendar start Timing */
        maxTime: '24:00:00',  /* calendar end Timing */
        defaultView: 'month',  
        handleWindowResize: true,   
        height: $(window).height() - 200,   
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },

        events : apiData.map(([startDate,start,end,title])=>({
            start: new Date(startDate)+'T'+start,    //mapping date 
                                                     //  with time
            end: new Date(startDate)+'T'+end,
            title,
            className: 'bg-primary'})
          ),
          timeFormat: 'H(:mm)'

        });
    }
new Date(startDate)+'T'+start - это не то, как вы объявляете дату в JavaScript, а затем добавляете к ней время. Вы смешиваете объект со строкой. Запустите это в своей консоли и сами посмотрите, какой мусор он выводит. P.S. fullCalendar упрощает обработку дат, напрямую поддерживая строки или позволяя использовать объекты momentJS, с которыми намного проще работать, чем с собственными датами JS.
ADyson 09.11.2018 10:24

Например, вы можете получить что-то вроде Fri Nov 09 2018 09:27:32 GMT+0000 (Greenwich Mean Time)T16:00. Полная чушь. Я не уверен, как вы ожидали, что это сработает? И это легко проверить.

ADyson 09.11.2018 10:28

попробуйте вместо этого start: moment(startDate+" "+start, "DD/MM/YYYY HH:mm"). А затем прочтите это и это, чтобы понять.

ADyson 09.11.2018 10:30
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
421
1

Ответы 1

Я объединил дату и время начала из серверной части и передал их js.Теперь все работает нормально.

Другие вопросы по теме