Как получить множественный выбор td в VueJS
Максимальное время истечения для назначенного URL-адреса - на одну неделю со времени создания. Таким образом, нет возможности иметь назначенный URL без истечения срока действия.
1 ответ
Позвольте мне предложить два способа решения вашей задачи:
- Использовать Vuetify и его средства выбора даты и времени .
- Пишу с нуля.
Теперь давайте поговорим о втором. Ваш календарь представляет собой 2D матрицу (2d массив), каждая ячейка имеет свой собственный уникальный индекс x или [x,y] координат. Когда пользователь выбирает первую td -ячейку и вторую, вам просто нужно выполнить цикл от минимального индекса до максимального индекса и добавить класс selected к td -элементам.
Предположим, что это ваш календарь:
(1)(2)(3)
(4)(5)(6)
(7)(8)(9)
Если пользователь выбрал (4) и (8), вам просто нужно перейти от 4-го индекса к 8-му и добавить класс selected. С другой стороны, если пользователь выбирает (8) и (4), вам просто нужно поменять их местами и перейти от минимального значения к максимальному добавлению к каждому классу td -cell selected.