element-ui 的時(shí)間選擇器中,有一個(gè)picker-options 的屬性,屬性值中有個(gè)disabledDate 可以設(shè)置禁用狀態(tài),類型為函數(shù),參數(shù)為今天日期,通過返回Boolean值來確定日期是否可以選擇。
標(biāo)簽代碼如下
<el-date-picker
type="date"
value-format="yyyy-MM-dd"
v-model="dateTime"
size="small"
:picker-options="pickerOptions"
></el-date-picker>
pickerOptions設(shè)置如下
<script>
export default {
data() {
return {
pickerOptions: {
disabledDate: (time) => {
return time.getTime() < Date.now() - 8.64e7;
},
},
};
},
};
</script>
pickerOptions 是在data組件中返回的。
當(dāng)前值首先是個(gè)對象(Object)然后里面第一個(gè)參數(shù)為 disabledDate 。字面意思也好理解,禁止選中時(shí)間。而這個(gè)所謂的禁止選中時(shí)間就是禁止選中 return 出的值。
上例代碼中8.64e7 是科學(xué)計(jì)數(shù)法算出的值,實(shí)際為(8.64×10×10×10×10×10×10×10),也就是一天毫秒數(shù)。因?yàn)榇诵枨笫钱?dāng)天時(shí)間可以選中所以需要減去8.64e7,根據(jù)自身需求而定。