Element ui中時(shí)間插件 el-date-picker 禁止選中規(guī)定日期前后的時(shí)間

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ù)自身需求而定。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容