element-ui的日期选择器,某日之前不可选,某日之后不可选

944 阅读1分钟

这里主要是根据时间戳来进行判断的。其他路子也很多

2018.7.1日之后不可选

页面:

<el-form-item v-if="firstType===1" label="企业成立时间" required class="col-md-6">

<el-col>

<el-form-item prop="settled_date">

<el-date-picker

v-model="formData.settled_date"

:picker-options="pickerOptionLater"

value-format="yyyy-MM-dd"

placeholder="选择日期"

style="width: 100%;"/>

</el-form-item>

</el-col>

</el-form-item>

pickerOptionLater是在data的return里面定义的。

pickerOptionLater: {

disabledDate(time) {

var date = new Date('2018-06-30 24:00:00:000')

var thatDay = date.getTime()

return time.getTime() < thatDay

}

},

2018.7.1日之前不可选

pickerOptionAgo: {
disabledDate(time) {
var date = new Date('2018-06-30 00:00:00:000')
var thatDay = date.getTime()
return time.getTime() > thatDay
}
},