КРЕАТИВНЫЕ САЙТЫ И ПРИЛОЖЕНИЯ,
КАЧЕСТВЕННЫЕ WEB-УСЛУГИ
phone

SwDatePicker

Компонент `SwDatePicker` представляет собой панель
с календарем.

Свойства

Имя Тип Значения/Описание
data Object Начальные данные - диапазон ( при 'solid' - используется только 'startDate') изначальных выбранных дат {endDate: '14-04-2025', startDate:'30-03-2025', holiday: { preholidays: ["2020-03-30"], holidays: ["2020-03-30"], holiday: ["2020-03-30"], nowork: ["2020-03-30"] }}, ограничение не более 2х месяцев.
limitation Boolean, Array Массив ограничений дат: [{endDate: '14-04-2025', startDate:'30-03-2025'}], false - по умолчанию.
range String Тип календаря: 'year','range', 'solid' - по умолчанию.

События / Events

input - событие выбора с данными {dateStart: "11.11.2011", dateEnd: "14-12-2011" ( при range), count: 1 }

Слоты / Slots

#double-arrow - для двойной стрелки по умолчанию «

#arrow - для одинарной стрелки по умолчанию

Пример использования / Example Usage

<sw-date-picker
  :data="{startDate: '11.11.2011' endDate: '14-12-2011'}"
  limitation=" [{endDate: '14-04-2025', startDate:'30-03-2025'}]"
  range="range"
  @selectPicker.stop="processing"
>
  <template #double-arrow>«</template>
  <template #arrow></template>
</sw-date-picker>