<el-date-picker
size="mini"
v-model="dateTime"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
range-separator="~"
start-placeholder="開始日期"
end-placeholder="結(jié)束日期"
:picker-options="pickerOptions"
/>
?限制選擇今天之前的時間,并且只能選擇一天????????????????文章來源:http://www.zghlxwxcb.cn/news/detail-689216.html
data() {
return {
pickerMinDate: '',
pickerOptions: {
onPick: (pick) => {
this.pickerMinDate = pick; //獲取當(dāng)前選擇日期
},
disabledDate: (date) => {
const timeStamp = 24 * 60 * 60 * 1000; //1天的時間戳
const { minDate, maxDate } = this.pickerMinDate;
if (date.getTime() > Date.now()) {
return true;
} else if (minDate && !maxDate) {
// 日期范圍控制在365天內(nèi)
const tamp = Math.abs(minDate.valueOf() - date.valueOf());
const customTimeStamp = timeStamp * 1; //自定義天數(shù)
if (tamp > customTimeStamp) {
return true;
}
}
},
},
}
}
只能選擇今天往后365天文章來源地址http://www.zghlxwxcb.cn/news/detail-689216.html
data() {
return {
valueDate: "",
pickDate: "", //存儲日期
pickerOptions: {
onPick: (pick) => {
this.pickDate = pick; //獲取當(dāng)前選擇日期
},
disabledDate: (date) => {
const timeStamp = 24 * 60 * 60 * 1000; //一天的時間戳
const { minDate, maxDate } = this.pickDate;
if (date.getTime() < Date.now() - timeStamp) {
//選擇今天及以后的日期(如果不需要從今天開始,只需要控制范圍,這個判斷去掉即可)
return true;
} else if (minDate && !maxDate) {
// 日期范圍控制在365天內(nèi)
const tamp = Math.abs(minDate.valueOf() - date.valueOf());
const customTimeStamp = timeStamp * 365; //自定義天數(shù)
if (tamp > customTimeStamp) {
return true;
}
}
},
},
};
},
到了這里,關(guān)于el-date-picker限制選擇的時間范圍的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!