vue 日期选择器限制不能选择之前日期

最新推荐文章于 2024-04-29 14:38:21 发布

哦是代码搬运工.

最新推荐文章于 2024-04-29 14:38:21 发布

阅读量247

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_71253230/article/details/134713510

版权

//html部分
<el-time-select
    v-model="endValue"
    style="margin-left: 8px"
    :editable="false"
    :picker-options="{
           start: '00:00',
           step: '00:10',
           end: '23:59',
           minTime:nowTime/nowTimes
         }"
    prefix-icon="none"
    placeholder="选择时间"
    value-format="HH:mm:ss"
>
</el-time-select>


//script部分
//计算属性里  判断当前时分秒
computed: {
        //判断是不是当天时间  将当天的已经过去的时间禁用 （10分钟）
        nowTime() {
            let time = new Date(this.ruleForm.activityStartTime);
            if (
                time.getYear() >= new Date().getYear() &&
                time.getMonth() >= new Date().getMonth() &&
                time.getDate() > new Date().getDate()
            ) {
                return "";
            } else {
                let temp = `${new Date().getHours()}:${new Date().getMinutes()}`;
                return temp;
            }
        }
    },

话不多说代码奉上~