[重要通告]如您遇疑難雜癥,本站支持知識付費業務,掃右邊二維碼加博主微信,可節省您寶貴時間哦!

話說還得是2022年，年底的時候接觸了一個小程序，有客戶要做理發的預約，最后也沒有太成功，但相關的問題要寫一下，畢竟需要時間預約的；要實現的如下圖所示

<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>

小程序時間屬性說明

官文檔：https://ext.dcloud.net.cn/plugin?id=1530#detail

問題未解決？付費解決問題加Q或微信 2589053300 (即Q號又微信號)右上方掃一掃可加博主微信

所寫所說，是心之所感，思之所悟，行之所得；文當無敷衍，落筆求簡潔。 以所舍，求所獲；有所依，方所成！