1.0.1 • Published 5 years ago

e6time v1.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
5 years ago

此组件为 e6time 组件,基于vue和moment.js封装的时间选择组件。 如有bug和其他需求,请联系作者进行扩展和修改。

1.安装

npm i e6time

2.用法

main.js 中进行导入和使用:

import E6Time from 'e6time'  
Vue.use(E6Time);  

对应页面模板中使用:

import E6Time from 'e6time'  

<script>
export default {
    components:{
        E6Time
    }
}
</script>
 <e6-time
    format="hh:mm:ss"
    v-on:checkTime="checkTimeCallback"
    label="12:30:00"
    isShowUp
    ref="e6time"
></e6-time>

3.配置

参数类型是否必须默认值说明
formatString"hh:mm:ss"格式化,也可设置"hh:mm","hh"
labelString''默认显示时间
v-on:checkTimeFunctionundefined组件中选中的结果通知父组件的回调方法
isShowUpBooleanfalse是否指定向上展开

4.回调函数

a.选中回调

v-on:checkTime="checkTimeCallback"
// 传入方法名,在选中时自动回调
checkTimeCallback(val){
	console.log(val);// '12:30:00'
}
1.0.1

5 years ago

1.0.0

5 years ago