Element Ui 日期控件如何限定可选择日期范围
常用的几种限制日期的使用情景:
一、首选是单个日期选择框:
组件代码如下:
<el-date-picker
v-model="value1"
type="date"
placeholder="选择日期"
:picker-options="pickerOptions">
</el-date-picker>
注意:pickerOptions这个要写到data()里
情景1: 设置选择今天以及今天之前的日期
data () {
return {
pickeroptions: {
disabledDate (time) {
return time.getTime() > Date.now() - 8.64e6
}
}
}
}
情景2:设置选择今天以及今天以后的日期
data () {
return {
pickeroptions: {
disabledDate (time) {
return time.getTime() < Date.now() - 8.64e7
}
}
}
}
情景3:设置选择今天之前的日期(不包含今天)
data () {
return {
pickerOptions: {
disabledDate (time) {
return time.getTime() > Date