【vue + elementUI】日期选择器限制选择范围
【代码】【vue + elementUI】日期选择器限制选择范围。
·
文章目录
elementPlus写法
<el-date-picker v-model="effectTime" type="datetime" placeholder="请选择生效时间"
:disabled-date="disabledDate"></el-date-picker>
const effectTime = ref(new Date())
const disabledDate = (time) =>{
// return time.getTime() < Date.now(); // 选择今天以后的日期(不含今天)
return time.getTime() < Date.now() - 8.64e7 // 选择今天及今天以后的日期
// return time.getTime() > Date.now() - 8.64e6 // 选择今天及今天以前的日期
// return time.getTime() > Date.now() - 8.64e7 // 选择今天以前的日期(不含今天)
}
elementUI写法
<el-date-picker value-format="timestamp" v-model="effectTime" type="datetime"
placeholder="请选择生效时间"
:picker-options="pickerOptions"></el-date-picker>
data() {
return{
effectTime:'',
pickerOptions: {
disabledDate(time){
return time.getTime() < Date.now(); // 限制选择 今天以后的日期
}
}
}
},
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)