[重要通告]如您遇疑難雜癥,本站支持知識(shí)付費(fèi)業(yè)務(wù),掃右邊二維碼加博主微信,可節(jié)省您寶貴時(shí)間哦!

話說(shuō)還得是2022年，年底的時(shí)候接觸了一個(gè)小程序，有客戶要做理發(fā)的預(yù)約，最后也沒有太成功，但相關(guān)的問題要寫一下，畢竟需要時(shí)間預(yù)約的；要實(shí)現(xiàn)的如下圖所示

<template>
<hTimeAlertOne
title="實(shí)時(shí)時(shí)間"
: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('實(shí)時(shí)數(shù)據(jù)'+JSON.stringify(data));
this.peisongshijian = data._date;
//2020/12/23 17:30-18:30
this.realTime.isShow = false;

},
}
};
</script>

小程序時(shí)間屬性說(shuō)明

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

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

所寫所說(shuō)，是心之所感，思之所悟，行之所得；文當(dāng)無(wú)敷衍，落筆求簡(jiǎn)潔。 以所舍，求所獲；有所依，方所成！