vue日期回显到昨日，今日和今日以后日期不可选

最新推荐文章于 2023-09-20 11:44:32 发布

牵手北京99

最新推荐文章于 2023-09-20 11:44:32 发布

阅读量439

点赞数 1

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_49732089/article/details/125329402

版权

vue 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<hc-form class="demo-ruleForm dailySrow">
				<div style="display: flex;">
					<hc-form-item label="日期" label-width="50px">
                        <hc-date-picker v-model="reportDate" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :picker-options="pickerOptions"></hc-date-picker>
                    </hc-form-item>
                    <div style="margin-left:10px;">
                        <hc-button type="primary" size="mini" @click="search()">查询</hc-button>
                    </div>
                </div>
            </hc-form>

data(){
	pickerOptions:{
                disabledDate(time) {
                    // return time.getTime() > Date.now();//禁用今天之后的日期
                    return time.getTime() > new Date(new Date().getTime() - 24 * 60 * 60 * 1000);//禁用昨天之后的日期
                }
            },
}

methodd:{
	// 昨天时间拼接 yyyy-MM-dd
        getYesterday(){
            let tt = new Date(new Date().getTime() - 24 * 60 * 60 * 1000);
            let y = tt.getFullYear();
            let m = tt.getMonth() + 1;
            let d = tt.getDate();
            m = m < 10 ? '0' + m : m;
            d = d < 10 ? '0' + d : d;
            return y + '-' + m + '-' + d;
        },
}