官文档:https://ext.dcloud.net.cn/plugin?id=1530#detail
<template>
<hTimeAlertOne
title="实时时间"
:isShow="realTime.isShow"
:maskHide="realTime.maskHide"
:rangeStartTime="realTime.startTime"
:rangeEndTime="realTime.endTime"
:rangeDay="3"
:rangeType="realTime.rangeType"
:closeBtn="realTime.closeBtn"
intervalTime="60"
disabled="1,2"
@closeAlert="shishiTimeHandelClose"
>
</hTimeAlertOne>
</template>
//在 script 中引用组件
<script>
import hTimeAlertOne from "@/components/h-time-alert/h-time-alert.vue";
export default {
components: {
hTimeAlertOne
},
data() {
return {
realTime:{
startTime:"8:30:00",
endTime:"18:30:00",
isShow:false,
maskHide:false,
closeBtn:true,
rangeType:false,
}
}
},
onLoad() {},
methods: {
shishiTimeHandelClose(data){
console.log('实时数据'+JSON.stringify(data));
this.peisongshijian = data._date;
//2020/12/23 17:30-18:30
this.realTime.isShow = false;
},
}
};
</script>
属性说明: