vue element 日期范围选择器限制只能选今天之前的时间,或者只能选今天之后的时间
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·
日期范围选择器限制只能选今天之前的时间,或者只能选今天之后的时间:
:picker-options="pickerOptions"
今天以及今天之后的日期
data() {
return {
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7; //如果没有后面的-8.64e7就是不可以选择今天的
}
},
}
}
今天以及今天之前的日期
data() {
return {
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now() - 8.64e6; //如果没有后面的-8.64e6就是不可以选择今天的
}
},
}
}
只能选今天往后三天内的
pickerOptions: {
disabledDate(time) {
const times = new Date(new Date().toLocaleDateString()).getTime() + 3 * 8.64e7 - 1
return time.getTime() < Date.now() - 8.64e7 || time.getTime() > times// 如果没有后面的-8.64e7就是不可以选择今天的
}
}
动态
pickerOptions: {
disabledDate: time => {
const curDate = (new Date()).getTime()
const day = this.preTime * 24 * 3600 * 1000
const dateRegion = curDate + day
// const times = new Date(new Date().toLocaleDateString()).getTime() + 6 * 8.64e7 - 1
return time.getTime() < Date.now() - 8.64e7 || time.getTime() > dateRegion// 如果没有后面的-8.64e7就是不可以选择今天的
}
}
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)