0.1.9 • Published 4 years ago
@hwt/vue-datepicker v0.1.9
Описание
Компонент разработан для версии Vue 2
Установка
Чтобы установить компонент в консоле необходимо ввести команду:
$ npm install @hwt/vue-datepicker
Использование
<template>
<div>
<date-picker />
</div>
</template>
<script>
import DatePicker from '@hwt/vue-datepicker'
import '@hwt/vue-datepicker/src/assets/scss/index.scss'
export default{
components: {
DatePicker
},
data(){
return {}
}
}
</script>
Входные параметры:
Наименование | Тип данных | Описание |
---|---|---|
date | Date | берется месяц который будет отображаться |
week-names | Array | локализация полных названий дней недели где 0 - Воскресенье, 1 - Понедельник |
month-names | Array | локализация полных названий месяцев |
week-names-short | Array | локализация сокращенных названий дней недели где 0 - Воскресенье, 1 - Понедельник |
multiple | Boolean | устанавливается возможность выбора диапазона даты |
marked-date | Array | массив дат класса Date которые по умолчанию будут отмечены |
count | Number | Количество календарей |
Слоты
Название | Входные параметры | Описание |
---|---|---|
day | day:Date | Дата дня календаря |
События
Название | Входные параметры | Описание |
---|---|---|
click | date:Date | Событие клика мышкой по дню |
click-week-name | week:Number Цифровое представление дня недели, где 0 - Воскресенье | Событие клика мышкой по названию дня недели |
click-month-name | date:Date | Событие клика мышкой по названию дни месяца |