У календарі можна вибрати одну або декілька дат за допомогою властивостей isMultiSelection і values. За замовчуванням властивість isMultiSelection буде вимкнено. У наступному прикладі демонструється функціональність властивості isMultiSelection і властивості values в елементі керування Calendar.
Вибір дати
- календар const = новий dhx. Calendar(null, {dateFormat: "%d/%m/%y"}); const popup = новий dhx. Спливаюче вікно();
- const dateInput = документ. getElementById("введення дати"); dateInput. addEventListener("click", function() { popup. show(dateInput); …
- календар. події. on("change", function() { dateInput. value = calendar.
Щоб увімкнути множинний вибір встановіть для параметра selectMultiple значення true . Параметри selectMin і selectMax визначають, скільки значень має бути та може бути вибрано.
Алгоритм
- Крок 1 – Створіть дві дати.
- Крок 2. Використовуйте цикл while і перевірте, чи дата1 менша за дату2.
- Крок 3. Створіть нову дату з date1 і надішліть її в dateArray.
- Крок 4. Отримайте дату з date1 за допомогою методу getDate() і додайте 1.
- Крок 5. Використовуйте метод setDate(), щоб установити нову дату.
Використовуйте його на мобільних пристроях і комп’ютерах для переліку різних варіантів із множинним вибором. Його можна прив’язати до введення, нативного вибору або вбудованого рендерингу. Увімкніть його, встановивши для selectMultiple значення true .