uniapp wx小程序之选择未来时间的预约时间选择的时间插件

最新推荐文章于 2024-10-07 11:18:14 发布

小君君ok

最新推荐文章于 2024-10-07 11:18:14 发布

阅读量1.8k

点赞数

分类专栏： uniapp

本文链接：https://blog.csdn.net/weixin_43467567/article/details/111604645

版权

uniapp 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

官文档：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>