Element-ui’s date picker, not available before or after a certain day

Here is mainly based on the time stamp to judge. There are many other ways

Not available after July 1, 2018

Page:

<el-form-item V-if =”firstType===1″ label=” enterprise establishment time “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 =” Select date”

style=”width: 100%;” />

</el-form-item>

</el-col>

</el-form-item>

PickerOptionLater is defined in the data return.

pickerOptionLater: {

disabledDate(time) {

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

var thatDay = date.getTime()

return time.getTime() < thatDay

}

},

Not available before July 1, 2018

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