Как дополнить массив недостающими данными?

Question

[vit134]

Всем привет.

Всю голову уже сломал, выручайте.

Есть массив с мероприятиями, у каждого мероприятия есть дата начала и дата конца. Есть заранее известный диапазон времени в котором могут быть мероприятия (с 8 утра до 23 вечера).

ВОПРОС: как дополнить массив фейковыми мероприятиями заполняющие пустое время?

[
{ 
    id: 1,
    title: '15:30',
    dateStart: '2018-01-17T15:30:00.000Z',
    dateEnd: '2018-01-17T16:15:00.000Z',
    RoomId: 1,
    Users: [ [Object], [Object] ] 
},
{ 
    id: 2,
    title: 'update New Event',
    dateStart: '2018-01-17T18:30:00.000Z',
    dateEnd: '2018-01-17T19:15:00.000Z',
    RoomId: 2,
    Users: [ [Object], [Object] ] 
} 
]

В коде два евента, с 15:30 до 16:15 и с 18:30 до 19:15. Нужно добавить в массив еще три евента с 8:00 до 15:30(перед первым), с 16:15 до 18:30(между первым и вторым), с 19:15 до 23:00(заключительный)

Естественно время эвентов заранее не известно.
ВЫРУЧАЙТЕ, пожааалуйста!

Answer 1

[Александр Косицын]

Можно использовать библиотеку Momentjs
вот ссылка
momentJS
и также moment-range
moment-range
там есть хороший метод substract.
ты можешь взять 3 остальных range и взять из них dateStart и dateEnd. начерти себе на листочке, чтобы понять как работает это. когда у тебя есть один большой range - это весь день. и его дети - это его субстракты. проходишь циклом по оставшимся промежуткам и у тебя вернуться все промежуточные dateStart и dateEnd.

Comments

[vit134]

Спасибо за наводку, буду ковыряться.

[vit134]

либо я что то не понимаю либо range работает как то не правильно (скорее всего конечно первый вариант)
Создал основной range

var start = new Date(2018, 0, 17, 8, 0, 0);
var end   = new Date(2018, 0, 17, 23, 0, 0);
var range = moment.range(start, end);

У меня есть три range

{ [Number: 5400000]
  start: moment("2018-01-17T08:00:00.000"),
  end: moment("2018-01-17T09:30:00.000") }
{ [Number: 2700000]
  start: moment("2018-01-17T18:30:00.000"),
  end: moment("2018-01-17T19:15:00.000") }
{ [Number: 4500000]
  start: moment("2018-01-17T19:15:00.000"),
  end: moment("2018-01-17T20:30:00.000") }
{ [Number: 2700000]
  start: moment("2018-01-17T21:45:00.000"),
  end: moment("2018-01-17T22:30:00.000") }

Но когда я в цикле пытаюсь вернуть промежутки получается не так как хотелось

[ { [Number: 48600000]
    start: moment("2018-01-17T09:30:00.000"),
    end: moment("2018-01-17T23:00:00.000") } ]
[ { [Number: 37800000]
    start: moment("2018-01-17T08:00:00.000"),
    end: moment("2018-01-17T18:30:00.000") },
  { [Number: 13500000]
    start: moment("2018-01-17T19:15:00.000"),
    end: moment("2018-01-17T23:00:00.000") } ]
[ { [Number: 40500000]
    start: moment("2018-01-17T08:00:00.000"),
    end: moment("2018-01-17T19:15:00.000") },
  { [Number: 9000000]
    start: moment("2018-01-17T20:30:00.000"),
    end: moment("2018-01-17T23:00:00.000") } ]
[ { [Number: 49500000]
    start: moment("2018-01-17T08:00:00.000"),
    end: moment("2018-01-17T21:45:00.000") },
  { [Number: 1800000]
    start: moment("2018-01-17T22:30:00.000"),
    end: moment("2018-01-17T23:00:00.000") } ]

А по идее должны были вернуться 3 промежутка (9:30 - 18:30б 20:30-21:45б 22:30-23:00)

[Александр Косицын]

Нашел функцию для тебя чтобы ты просто занес все ranges в массив, и тебе вернуло все субстракты.
https://github.com/rotaready/moment-range/issues/159

[Александр Косицын]

vit134, попробуй тот массив который у тебя получился с ренжами передать в ту функцию которая выше

[Александр Косицын]

vit134, https://codepen.io/alex_gorn20/pen/JMeYRK
вот все пашет, только осталось исправить чтобы не было GMT +3 , а то там если посмотришь идет смещение, вместо 00:00:00 пишет 03:00:00

[Александр Косицын]

vit134 Вот теперь все пашет. Открой консоль, там все будет.
https://codepen.io/alex_gorn20/pen/JMeYRK

[vit134]

Александр Косицын, Спасибо огромное, только добрался до компа. Сейчас буду разбираться

[vit134]

Александр Косицын, Еще раз спасибо огромное за решение, правда есть одна проблемка, может вы и с ней подскажете (с датами вообще не дружу)
на codepen все работает отлично, на моих данных даты возвращаются корректно, а вот у меня на сервере (node) не правильные, подозреваю что дело в разнице тайм зон
Вот что у меня получается

//даты мероприятий из бд (sqlite)
start moment.utc("2018-01-17T08:00:00.000+00:00")
end moment.utc("2018-01-17T09:30:00.000+00:00")
start moment.utc("2018-01-17T15:30:00.000+00:00")
end moment.utc("2018-01-17T16:15:00.000+00:00")
start moment.utc("2018-01-17T16:15:00.000+00:00")
end moment.utc("2018-01-17T17:30:00.000+00:00")
start moment.utc("2018-01-17T18:45:00.000+00:00")
end moment.utc("2018-01-17T19:30:00.000+00:00")
//результат
[ { [Number: 21600000]
    start: moment("2018-01-17T12:30:00.000"),
    end: moment("2018-01-17T18:30:00.000") },
  { [Number: 4500000]
    start: moment("2018-01-17T20:30:00.000"),
    end: moment("2018-01-17T21:45:00.000") },
  { [Number: 12600000]
    start: moment("2018-01-17T22:30:00.000"),
    end: moment("2018-01-18T02:00:00.000") } ]

[Александр Косицын]

vit134,
да. я именно поэтому и разбирался с этой темой, потому что для меня даты тоже не известная тема. но библиотека momentjs и ее плагины выручают.
вот где я разбирался как перевести объект moment в utc.
code pen
Насколько я вижу как ты написал тоже работает. Т е переводит в UTC.
Проверил, работает только если поставить вот вместо этого
start moment.utc("2018-01-17T08:00:00.000+00:00")
вот это
start moment.utc("2018-01-17T08:00:00.000Z")

[Александр Косицын]

vit134, еще проверь что тебе возвращает функция которую я тебе написал
форматнул ли ты данные выходные вот так
картинка

[vit134]

Александр Косицын, вот что у меня получается

events.forEach(item => {
                    var start = moment(`${item.dateStart}`).utc(); // из бд  формат 2018-01-17T08:00:00.000Z
                    var end = moment(`${item.dateEnd}`).utc();
                    console.log('start', start);
                    console.log('end', end);
                    rangeEvents.push(moment.range(start, end));

                })

                rangeEvents = rangeEvents.splice(1);
                let newRanges = subtractRanges(day, rangeEvents);

                let newEvents = [];

                newRanges.forEach(item => {
                    newEvents.push({
                        type: 'empty',
                        dateStart: item.start.utc().format(),
                        dateEnd: item.end.utc().format()
                    })
                })

на выходе получаю

start 2018-01-17T08:00:00.000Z
end moment.utc("2018-01-17T09:30:00.000+00:00")
start 2018-01-17T15:30:00.000Z
end moment.utc("2018-01-17T16:15:00.000+00:00")
start 2018-01-17T16:15:00.000Z
end moment.utc("2018-01-17T17:30:00.000+00:00")
start 2018-01-17T18:45:00.000Z
end moment.utc("2018-01-17T19:30:00.000+00:00")
{ type: 'empty',
    dateStart: '2018-01-17T05:00:00Z',
    dateEnd: '2018-01-17T08:00:00Z' },
  { type: 'empty',
    dateStart: '2018-01-17T09:30:00Z',
    dateEnd: '2018-01-17T15:30:00Z' },
  { type: 'empty',
    dateStart: '2018-01-17T17:30:00Z',
    dateEnd: '2018-01-17T18:45:00Z' },
  { type: 'empty',
    dateStart: '2018-01-17T19:30:00Z',
    dateEnd: '2018-01-17T20:00:00Z' }

Если бы не первый и последний элемент то все было бы правильно

[Александр Косицын]

vit134, попробуй вот так. я в старом коде костыль пиханул, но сейчас убрал. вот ссылочка
code pen

[Александр Косицын]

vit134, я убрал там строчку
rangeEvents = rangeEvents.splice(1);
она может тебе резать этот первый moment

[vit134]

Александр Косицын, без этой строки вообще не работает

Cannot read property 'valueOf' of undefined

let startDay = moment('2018-01-17 08:00:00').utc();
let endDay   = moment('2018-01-17 23:00:00').utc();
let day = moment.range(startDay, endDay);

function subtractRanges(longRanges, shortRanges) {
  // Always return an array
  if (shortRanges.length === 0)
    return longRanges.hasOwnProperty("length") ? longRanges : [longRanges];

  // Result is empty range
  if (longRanges.length === 0) return [];

  if (!longRanges.hasOwnProperty("length")) longRanges = [longRanges];

  for (let long in longRanges) {
    for (let short in shortRanges) {
      longRanges[long] = longRanges[long].subtract(shortRanges[short]);
      if (longRanges[long].length === 0) {
        // Subtracted an entire range, remove it from list
        longRanges.splice(long, 1);
        shortRanges.splice(0, short);
        return subtractRanges(longRanges, shortRanges);
      } else if (longRanges[long].length === 1) {
        // No subtraction made, but .subtract always returns arrays
        longRanges[long] = longRanges[long][0];
      } else {
        // Successfully subtracted a subrange, flatten and recurse again
        const flat = [].concat(...longRanges);
        shortRanges.splice(0, short);
        return subtractRanges(flat, shortRanges);
      }
    }
  }
  return longRanges;
}

events.forEach(item => {
    var start = moment(`${item.dateStart}`).utc();
    var end = moment(`${item.dateEnd}`).utc();
    console.log('itemstart', item.dateStart);
    console.log('start', start);
    console.log('end', end);
    rangeEvents.push(moment.range(start, end));

})

//rangeEvents = rangeEvents.splice(1);
                let newRanges = subtractRanges(day, rangeEvents);

                let newEvents = [];

                newRanges.forEach(item => {
                    newEvents.push({
                        type: 'empty',
                        dateStart: item.start.utc().format(),
                        dateEnd: item.end.utc().format()
                    })
                })

                console.log(newEvents);

[Александр Косицын]

vit134, там еще нужно убрать где стоит
let rangeEvents[{}]
, вот такие скобки {}
будет вот так
let rangeEvents[]

[vit134]

Александр Косицын, тоже не помогло https://codepen.io/vit134/pen/wpRapg?editors=0010#0
почему-то интервал начинается с 5 утра и заканчивается 22 вечера
я вам на почту отправил письмо, если удобно ответьте на него для удобства коммуникаций.

[vit134]

Александр Косицын, поправил

let startDay = moment('2018-01-17T08:00:00.000Z').utc(); // было moment('2018-01-17T08:00:00').utc()
let endDay   = moment('2018-01-17T23:00:00.000Z').utc();

и все заработало код тут