更新记录

1.0.3（2020-04-14）

增加今天的当前时间，取消每天的默认间隔

1.0.2（2020-04-01）

修复时间取整

1.0.1（2020-04-01）

修复了默认时间选择不了，增加了今天时间是否取整

平台兼容性

预约时间弹窗

预约时间弹窗组件。

使用方式：

在 script 中引用组件

import hTimeAlert from "@/components/h-time-alert/h-time-alert.vue";
export default {
    components: {hTimeAlert}
}

基本用法

<hTimeAlert title="预约时间" subhead='我是副标题' rangeDay="5" disabled="0,2" :isShow="isShow" @closeAlert="handelClose"></hTimeAlert>

例子

<hTimeAlert
            title="预约时间"
            subhead="我是副标题"
            rangeStartTime="8:00:00"
            rangeEndTime="22:00:00"
            defaultTime="2020/3/29 18:00:00"
            intervalTime="30"
            dayStartIntTime="0"
            rangeDay="5"
            disabled="0,2"
            :isShow="isShow"
            :maskHide="maskHide"
            :rangeType="rangeType"
            :closeBtn="closeBtn"
            @closeAlert="handelClose"
        ></hTimeAlert>

import hTimeAlert from '@/components/h-time-alert/h-time-alert.vue';

export default {
    components: {
        hTimeAlert
    },
    data() {
        return {
            isShow: false,
            maskHide: false,
            closeBtn: false,
            rangeType: false
        };
    },
    onLoad() {},
    methods: {
        showMask() {
            this.isShow = true;
            console.log(this.isShow);
        },

        handelClose(data) {
            this.isShow = false;
            console.log(data); //data={
            //  date: "2020/3/30 09:00"
            //  _date: "2020-3-30 09:00"
            //  dateRange: "2020/3/30 09:00-09:30"
            //  _dateRange: "2020-3-30 09:00-09:30"
            //  timeStamp: 1585530000000
            // }
        }
    }
};

属性说明：

事件说明：

        data:{
        date: "2020/3/30 09:00"
        _date: "2020-3-30 09:00"
        dateRange: "2020/3/30 09:00-09:30"
        _dateRange: "2020-3-30 09:00-09:30"
        timeStamp: 1585530000000
        }