el-date-picker的default-time和picker-options冲突

<el-date-picker
	v-model="selectDate"
	value-format="timestamp"
	type="daterange"
	range-separator=""
	start-placeholder="开始日期"
	end-placeholder="结束日期"
	@change="changeDate"
	:default-time="['00:00:00', '23:59:59']"
	:picker-options="pickerOptions"
>
</el-date-picker>

pickerOptions: {
	disabledDate(time) {
		return time.getTime() > Date.now()
	},
},

当设置:default-time="['00:00:00', '23:59:59']":picker-options="pickerOptions"设置为选择当天时间的时候,当前选择的时间戳 肯定小于当天23:59:59的时间戳,选择不了

可以设置为

pickerOptions: {
	disabledDate(time) {
		return time.getTime() > Date.now() + 8.64e7;
	},
},

相当于了一天,但是后面一天的日期选择不了

data() {
    return {
        dateRange:[],
        // 设置可选择的时间段,*** 必须在 data 返回数据 ***
        setDateRange: {
            disabledDate: time => {
                // 只能选择当前 1 年内的时间
                const year = 365 * 24 * 3600 * 1000;
                // 只能选择当前 1 月的时间
                const month = 30 * 24 * 3600 * 1000;
                // 只能选择当前 1 周的时间
                const week = 7 * 24 * 3600 * 1000;
                // 返回小于当前日期并近【1年】【1月】【1周】内的日期
                // 注意:这是从当前日期开始往前算,如果当前日期可选的话,不要写【-8.64e7】
                return time.getTime() > Date.now() || time.getTime() < (Date.now() - 8.64e7) - year;
                // 禁用今天之前的日期【当前天可选】
                return time.getTime() < Date.now() - 8.64e7;
                 // 禁用今天之前的日期【当前天不可选】
                return time.getTime() < Date.now();
                // 禁用今天之后的日期【当前天不可选】
                return time.getTime() > Date.now() - 8.64e7;
                // 禁用今天之后的日期【当前天可选】
                return time.getTime() > Date.now();
            }
        },
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值