elementUI中el-date-picker日期插件设置默认日期(年月日)及设置时间范围（禁止今天之前和14天两周之后的时间） elementUI中el-date-picker日期插件设

一、显示当前的年月日
文章图片
image.png
html

var now = new Date() var year = now.getFullYear() // 得到年份 var month = now.getMonth() // 得到月份 var date = now.getDate() // 得到日期 month = month + 1 month = month.toString().padStart(2, '0') date = date.toString().padStart(2, '0') var defaultDate = `${year}-${month}-${date}` this.$set(this, 'date_time', defaultDate)

2、设置时间范围（禁止今天之前和14天两周之后的时间）给 el-date-picker 组件添加 picker-options 属性，并绑定对应数据 pickerOptions
html

【elementUI中el-date-picker日期插件设置默认日期(年月日)及设置时间范围（禁止今天之前和14天两周之后的时间）】js

data() { return { pickerOptions: { disabledDate: (time) => { const curDate = (new Date()).getTime() const day = 14 * 24 * 3600 * 1000 const dateRegion = curDate + day return time.getTime() < Date.now() - 8.64e7 || time.getTime() > dateRegion } } }