Слияние кода завершено, страница обновится автоматически
https://weifeiyue.github.io/vue-datepicker-local/
$ npm install vue-datepicker-local
<template>
<vue-datepicker-local v-model="time" />
</template>
<script>
import VueDatepickerLocal from 'vue-datepicker-local'
export default {
components: {
VueDatepickerLocal
},
data () {
return {
time: new Date()
}
}
}
</script>
Папка dist содержит файлы vue-datepicker-local.js и vue-datepicker-local.css.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="path/to/vue-datepicker-local.css">
</head>
<body>
<div id="app">
<vue-datepicker-local v-model="time"></vue-datepicker-local>
</div>
<script src="path/to/vue.js"></script>
<script src="path/to/vue-datepicker-local.js"></script>
<script>
new Vue({
el: "#app",
data: {
time: new Date()
}
})
</script>
</body>
</html>
| Свойство | Описание | Тип | По умолчанию |
|---|---|---|---|
| v-model | даты, которые будут изменены | Дата/Массив | -- |
| name | имя для ввода | Строка | -- |
| type | тип для ввода (встроенный/обычный) | Строка | обычный |
| inputClass | пользовательское имя класса для ввода | Строка | -- |
| popupClass | пользовательское имя класса для всплывающего окна | Строка | -- |
| disabled | определяет, отключён ли DatePicker | Логическое значение | false |
| clearable | очистить дату | Логическое значение | false |
| rangeSeparator | разделитель диапазона | Строка | ~ |
| format | установить формат даты | Строка | YYYY-MM-DD |
| local | локаль DatePicker | Объект | { dow: 1, // Понедельник — первый день недели hourTip: '选择小时', // подсказка выбора часа minuteTip: '选择分钟', // подсказка выбора минуты secondTip: '选择秒数', // подсказка выбора секунды yearSuffix: '年', // формат заголовка monthsHead: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split(''), // месяцы заголовка months: '一月_二月_三月_4月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split(''), // месяцы панели weeks: '一_二_三_四_五_六_日'.split('_'), // недели cancelTip: '取消', // текст по умолчанию для кнопки отмены , submitTip: '提交' // текст по умолчанию для кнопки отправки } |
| disabledDate | указать дату, которую нельзя выбрать | Функция | (время, формат)=>{return false} |
| showButtons | показать кнопки «Отмена»/«Отправить» | Логическое значение | false |
| placeholder | заполнитель Input | Строка | -- |
| Название события | Описание | Параметры |
|---|---|---|
| confirm | срабатывает, когда пользователь подтверждает | значение привязки компонента |
| cancel | срабатывает, когда пользователь нажимает кнопку отмены | -- |
| clear | срабатывает, когда пользователь нажимает на кнопку очистки | -- |
vue-datepicker-local лицензирован под The MIT License.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )