Разработка JS-компонента для ввода данных (временных интервалов)

Задание закрыто
Стоимость:Договорная
Срок выполнения:5 дней
Варианты оплаты:Планируется использовать Безопасную сделку
Дата публикации:2020-01-09 13:28
Был на сайте:2022-11-25 14:36

Разработка JS-компонента для ввода данных (временных интервалов)

 
Задача

Необходимо разработать компонент для удобного ввода нескольких временнЫх интервалов на java script. Если есть js-библиотека с готовым компонентом, нужен пример использования.
React, Angular компоненты не нужны. На сайте всё реализовано на jquery-компонентах и bootstrap 4.
Примерный вид компонента на картинке, но можно сделать немного иначе, если нужно.
Должно отображаться трое суток. Шаг для указания - 30 минут (т.е. я могу например указать интервал с 8:30 до 17:00).

На входе будет массив интервалов (id в формате GUID, начало, конец).
На выходе нужно получить массив интервалов для отправки на сервер. Для новых интервалов id заполнять не нужно. Для изменённых - оставлять старый.


Поведение ожидается такое:
-При нажатии мышкой на пустую область указываем начало интервала, тащим курсор мыши, отпускаем и тем самым указываем окончание интервала. При этом можно указать начало в один день, а конец - в другой.
-При перетаскивании интервала (зелёного блока) за центр, сдвигается начало и конец интервал...

Видеть полную информацию и оставлять заявки могут только авторизованные пользователи.
Заявок нет

Оставлять заявки могут только авторизованные пользователи.