业务需求,需要实现选择当天以及30天之前的日期,于是我想到的是利用picker-options去限制可选范围
代码如下
<el-date-picker
v-model="searchData.acceptTime"
type="datetimerange"
value-format="yyyy-MM-dd hh:mm:ss"
style="width: 200px;margin-right: 10px"
:editable="false"
:clearable="false"
:picker-options="pickerOptions"
:default-time="['00:00:00', '23:59:59'] "
start-placeholder="开始日期"
end-placeholder="结束日期"
/>
js
data(){
return {
pickerOptions: {
disabledDate(date ) {
let now = Date.now()
let limitDays = 31 * 24 * 60 * 60 * 1000 // 30天的毫秒数
let ts = date.getTime() //过滤的日期
if ((ts <= now && ts > now - limitDays) ) return false // 启用
return true // 禁用
}
},
}
}
这样写,有个问题,就是没法选中今天的日期,选了,确定按钮没法点,
然后我将 :default-time=“[‘00:00:00’, ‘23:59:59’] " 改成 :default-time=”[‘00:00:00’, ‘00:00:00’] "就可以了,但是似乎没有达到需求,请大佬给出建议