html片段:
<el-date-picker v-if="form.taskType == 1" size="small" v-model="preTime" type="datetime"
? ? ? ? ? ? ? ? ? value-format="yyyy-MM-dd HH:mm:ss" :placeholder="$t('intSms.smsText80')"
? ? ? ? ? ? ? ? ? :picker-options="pickerOptions">
</el-date-picker>
data對象中pickerOptions:
pickerOptions: this.dateSelFunc()
methods里面的dateSelFunc方法:
dateSelFunc() {
? ? ? ? //假設(shè)是不能超過2023年11月10號(hào),就是2023-11-10
? ? ? ? let temStr = "2023-10-28"?+ " " + "00:00:01";//這里做下拼接
? ? ? ? var date1 = new Date("1970-01-01 00:00:00");
? ? ? ? var date2 = new Date(temStr);
? ? ? ? var difftime = date2 - date1;
? ? ? ? return {
? ? ? ? ? disabledDate(time) {
? ? ? ? ? ? return time.getTime() > difftime;
? ? ? ? ? }
? ? ? ? }
? ? }
這樣就可以實(shí)現(xiàn)了,如圖2023年11月10號(hào)的不能選擇:
*喜歡玩網(wǎng)絡(luò)小游戲的,可以進(jìn)入洽西游戲網(wǎng),很多好玩的小游戲,點(diǎn)擊下方鏈接進(jìn)入文章來源:http://www.zghlxwxcb.cn/news/detail-849971.html
洽西游戲http://www.qiaxi.cc文章來源地址http://www.zghlxwxcb.cn/news/detail-849971.html
到了這里,關(guān)于element ui日期選擇器el-date-picker選擇不能超過某個(gè)日期的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!