Разработка JS-компонента для ввода данных (временных интервалов)
Задача
Необходимо разработать компонент для удобного ввода нескольких временнЫх интервалов на java script. Если есть js-библиотека с готовым компонентом, нужен пример использования.
React, Angular компоненты не нужны. На сайте всё реализовано на jquery-компонентах и bootstrap 4.
Примерный вид компонента на картинке, но можно сделать немного иначе, если нужно.
Должно отображаться трое суток. Шаг для указания - 30 минут (т.е. я могу например указать интервал с 8:30 до 17:00).
На входе будет массив интервалов (id в формате GUID, начало, конец).
На выходе нужно получить массив интервалов для отправки на сервер. Для новых интервалов id заполнять не нужно. Для изменённых - оставлять старый.
Поведение ожидается такое:
-При нажатии мышкой на пустую область указываем начало интервала, тащим курсор мыши, отпускаем и тем самым указываем окончание интервала. При этом можно указать начало в один день, а конец - в другой.
-При перетаскивании интервала (зелёного блока) за центр, сдвигается начало и конец интервал...
Видеть полную информацию и оставлять заявки могут только авторизованные пользователи.
Заявок нет
Оставлять заявки могут только авторизованные пользователи.
Разработка JS-компонента для ввода данных (временных интервалов)
Реклама
Разработка JS-компонента для ввода данных (временных интервалов)
Необходимо разработать компонент для удобного ввода нескольких временнЫх интервалов на java script. Если есть js-библиотека с готовым компонентом, нужен пример использования.
React, Angular компоненты не нужны. На сайте всё реализовано на jquery-компонентах и bootstrap 4.
Примерный вид компонента на картинке, но можно сделать немного иначе, если нужно.
Должно отображаться трое суток. Шаг для указания - 30 минут (т.е. я могу например указать интервал с 8:30 до 17:00).
На входе будет массив интервалов (id в формате GUID, начало, конец).
На выходе нужно получить массив интервалов для отправки на сервер. Для новых интервалов id заполнять не нужно. Для изменённых - оставлять старый.
Поведение ожидается такое:
-При нажатии мышкой на пустую область указываем начало интервала, тащим курсор мыши, отпускаем и тем самым указываем окончание интервала. При этом можно указать начало в один день, а конец - в другой.
-При перетаскивании интервала (зелёного блока) за центр, сдвигается начало и конец интервал...