Перебирать объекты

Я знаю, что этот вопрос задают много раз, но я не смог найти решение для этого, и я новичок в jquery Я создаю календарь, чтобы отображать смены за несколько дней для сотрудника. Я жестко запрограммировал значение title, start и end, и этот код работает нормально. Я буду получать значения заголовка, начала и конца из задней части. Я получу несколько значений. Поэтому мне нужно перебрать значения в цикле и передать все значения в объекте событий.

Я буду получать такие значения, как

[morningShift,10/09/2018,20/09/2018],[eveningShift,21/09/2018,23/09/2018]

Я должен передавать значения в пределах даты начала и даты окончания заголовка динамически, и они должны выглядеть так

{
            title: 'morningShift',
            start: new Date('10/09/2018'),
            end: new Date('20/09/2018'),
            className: 'bg-primary'
        },
         {
            title: 'eveningShift',
            start: new Date('21/09/2018'),
            end: new Date('23/09/2018'),
            className: 'bg-primary'
        }

 var calendar = $('#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'
            // right: ''

        },
        events: [
           {
            title: 'Morning Shift',
            start: new Date('10/25/2018'),
            end: new Date('11/05/2018'),
            className: 'bg-primary'
        },

    ],
        editable: true,
        droppable: true, // this allows things to be dropped onto the calendar !!!
        eventLimit: true, // allow "more" link when too many events
        selectable: true,

        select: function (start, end, allDay) {
            $modal.modal({ 
                backdrop: 'static'
            });


            calendar.fullCalendar('unselect');
        }
    });
Поведение ключевого слова "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
0
39
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

новая дата (мм / дд / гггг) принимает значение в этом формате.

let apiData = [["morningShift","5/09/2018","10/09/2018"],['eveningShift','1/09/2018','10/09/2018']]
events = apiData.map(([title, start, end])=>({
            title,
            start: new Date(start),
            end: new Date(end),
            className: 'bg-primary'})
          )



console.info(events)

Спасибо. Но я получил ошибку под названием «Недопустимый инициализатор сокращенного свойства» для apiData.map (([title, start, end]) => эта строка в js, запустите фрагмент кода и посмотрите дату начала и окончания. дата изменения значения

Subasri 01.11.2018 13:18

новая дата (мм / дд / гггг) принимает значение в этом формате. Когда вы указываете новую дату ('20.09.2018 '), это недопустимая дата, поскольку 20-й месяц не существует

Mohammed Ashfaq 01.11.2018 13:34

@Subasri, я не вижу где меняются значения дат. Что касается вашей ошибки, я считаю, что вы ее получаете, потому что используете предоставленный код внутри определения fullCalendar. Вы должны создать массив events, используя предоставленный код до вашей строки var calendar..., а затем в определении fullCalendar у вас будет events: events.

Justin T. 01.11.2018 13:36

Дата начала работает отлично, но дата окончания считается (дата окончания-1), даже когда я запускаю фрагмент кода. Это выглядит так

Subasri 01.11.2018 14:06

браузер предполагает, что вы указываете дату в часовом поясе GMT. Таким образом, он автоматически преобразует данную дату в вашу местную дату.

Mohammed Ashfaq 01.11.2018 14:21

пожалуйста, проверьте этот ответ: stackoverflow.com/questions/28634734/…

Mohammed Ashfaq 01.11.2018 14:21

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