1.0.1 • Published 5 years ago
e6time v1.0.1
此组件为 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.配置
参数 | 类型 | 是否必须 | 默认值 | 说明 |
---|---|---|---|---|
format | String | 否 | "hh:mm:ss" | 格式化,也可设置"hh:mm","hh" |
label | String | 否 | '' | 默认显示时间 |
v-on:checkTime | Function | 否 | undefined | 组件中选中的结果通知父组件的回调方法 |
isShowUp | Boolean | 否 | false | 是否指定向上展开 |
4.回调函数
a.选中回调
v-on:checkTime="checkTimeCallback"
// 传入方法名,在选中时自动回调
checkTimeCallback(val){
console.log(val);// '12:30:00'
}