el-date-picker 时间范围禁用

最新推荐文章于 2024-08-09 17:18:14 发布

浅影歌年

最新推荐文章于 2024-08-09 17:18:14 发布

阅读量1.1k

点赞数

文章标签：大数据

本文链接：https://blog.csdn.net/weixin_44980864/article/details/125790539

版权

Vue el-date-picker daterange 禁用日期时间戳

关键词由CSDN通过智能技术生成

<template>
	<el-date-picker
	   v-model="searchDate"
	   type="daterange"
	   :clearable="false"
	   value-format="yyyy-MM-dd"
	   format="yyyy-MM-dd"
	   :picker-options="pickerOptions"
	   start-placeholder="开始日期"
	   end-placeholder="结束日期">
	</el-date-picker>
</template>

<script>
export default {
data () {
    return {
      searchDate: [],
      pickerOptions: {
        disabledDate (time) {
          // Date.now()是javascript中的内置函数，它返回自1970年1月1日00:00:00 UTC以来经过的毫秒数。
          // 禁用当前日期及以后的日期
          return time.getTime() > Date.now() - 8.64e7;
           // 禁用当前日期之前的日期
          // return time.getTime() > Date.now() - 8.64e7;
        }
      }
      };
   }
}
</script>