image.png
1痛侍、html
<el-date-picker
:picker-options="pickerOptions"
type="datetime"
placeholder="請選擇時間"
v-model="createDate"
value-format="timestamp"
>
</el-date-picker>
1、禁止今天之前的時間，不包括今天妇蛀，
今天只能選擇當(dāng)前時間2個小時之后的時間
data() {
const validateDate = (rule, value, callback) => {
if (value) {
let timestamp = new Date().getTime()// 當(dāng)前的時間戳
timestamp = timestamp + 2 * 60 * 60 * 1000
if (value < timestamp) {
callback(new Error('不能選擇當(dāng)前時間2個小時之前的時間'))
} else {
callback()
}
} else {
callback()
}
}
return {
goodsElseRules: {
customDate: [
{ type: 'date', required: true, message: '請?zhí)顚懽远x時間', trigger: 'change' },
{ validator: validateDate, trigger: 'change' }
]
},
pickerOptions: {
disabledDate: (time) => {
let nowData = new Date()
nowData = new Date(nowData.setDate(nowData.getDate() - 1))
return time < nowData
}
}
}
},
2、禁止今天之前和10天之后的時間
pickerOptions: {
disabledDate: (time) => {
// 設(shè)置可選擇的日期為今天之后的一個月內(nèi)
const curDate = (new Date()).getTime()
// 這里算出一個月的毫秒數(shù),
這里使用30的平均值,實際中應(yīng)根據(jù)具體的每個月有多少天計算
const day = 10 * 24 * 3600 * 1000
const dateRegion = curDate + day
return time.getTime() < Date.now() - 8.64e7 ||
time.getTime() > dateRegion
}
}
