optimat-vue-date-picker
v0.4.3
Published
用于Vue.js的日期选择器
Downloads
17
Readme
基于Vuejs+Webpack定义了开发规范的网页开发框架的日期选择器
使用方式(Usage)
安装(Install)
npm install optimat-vue-date-picker -save
导入(Import)
*.js
import DatePicker from 'optimat-vue-date-picker'
*.vue
<script>
import DatePicker from 'optimat-vue-date-picker'
</script>
标签(Target)
*vue
<DatePicker :options="datePickerOptions"></DatePicker>
功能(Api)
| Options | Type | Description | Default | Result | |-----------------|:--------:|:---------------------------:|:--------:|:--------:| | isShow | boolean | 强制显示(true)或隐藏(false) | false | | | preShow | function | 选择框弹出前执行(强制显示时无效) | undefined | | | onShow | function | 选择框弹出后执行 | undefined | | | preDismiss | function | 选择框消失前执行(强制隐藏时无效)| undefined | (startDate, endDate) | | onDismiss | function | 选择框消失后执行| undefined | (startDate, endDate) | | onStartDateChanged | function | 开始日期变更时执行 (单选模式必须加入该事件)| undefined | (startDate) | | onEndDateChanged | function | 结束日期变更时执行(单选模式不会执行) | undefined | (endDate) | | placeholder | string | 无日期内容时的占位符 | undefined | | | align | string | 选择框位置:居左(left),居中(center),居右(right) | left | | | type | string | 选择器类型:单选(single),范围(range) | single | | | mode | string | 选择器模式:单个日历(single),两个日历(double) | type == single ? single : double | | | autoClear | boolean | 是否自动清空(范围选择时有效) | false | | | defaultStartDate | date | 默认开始日期 | 当前日期 | | | selectPassDate | boolean | 能否选择以往日期 | false | | | reset | boolean | 是否重置所有日期(只在options更新时执行) | false | | | doubleClick | boolean | 能否选择同一天 | false | |