element日期选择器禁止选中某个时间段

帅过头

已于 2023-07-17 22:43:02 修改

阅读量171

点赞数

分类专栏： elemet 文章标签： java 前端 javascript

于 2023-07-06 10:05:17 首次发布

本文链接：https://blog.csdn.net/s757484077/article/details/131569638

版权

elemet 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

文章展示了如何在Vue.js应用中使用el-date-picker组件，并通过disabledDate属性设置时间选择限制，禁止用户选择2023年7月10日至20日之间的日期以及比2023年7月10日早的日期。

摘要由CSDN通过智能技术生成

<el-date-picker v-model="editForm.useEndTime" type="date" placeholder="选择日期"
            style="width: 140px;" value-format="yyyy-MM-dd" :picker-options="addEendTime"></el-date-picker>

data(){
return{
addEendTime:{
          disabledDate:this.addSendTimeFun
        },
}} ,


  methods: {
        //不能选择某个时间段，包括这个时间
      addSendTimeFun(time){
         return time.getTime() > new Date("2023-07-10").getTime() && time.getTime() < new Date("2023-07-20").getTime()
      },
//不能选择这个时间前，包括这个时间
disabledTime(time){
         return time.getTime() < new Date("2023-07-10").getTime()
      },

// 不可选历史天，可选当前天，可选未来天
		// return time.getTime() > Date.now() - 8.64e7; // 可选历史天，不可选当前天，不可选未来天
		// return time.getTime() < Date.now(); // 不可选历史天，不可选当前天，可选未来天
        // return time.getTime() > Date.now(); // 可选历史天，可选当前天，不可选未来天

		/* 
		  1、8.64e7 是科学计数法 8.64 乘以 10 的 7 次方，即为 86400000 也就是 1000*60*60*24 也就是一天的毫秒数。
		  2、Date.now() 方法返回得到自 1970年1月1日00:00:00(UTC) 到当前时间的毫秒数。
		  3、是否减去 8.64e7 也就是是否往前推移一天，也就是是否包含当前天
		*/

}