vue实现每天固定时段展示or隐藏

data(){
    retrun{
        show:true
    }
}
created() {
    this.dataTime();
  },
 methods: {
     dataTime() {
      let stamp = new Date().getTime();
      let year = new Date().getFullYear();
      let month = new Date().getMonth() + 1;
      let strDate =  new Date().getDate();
     
     //定义一个起始结束时间 这里以每天上午九点到十点为例  如果是每月10号 则把strDate改成10
      let startDate = `${year}-${month}-${strDate} 09:00:00`;
      let endDate = `${year}-${month}-${strDate} 09:59:59`;
      
       //开始时间
      let start = new Date(startDate.replace(/-/g, "/").replace(/-/g, "/")).getTime();
 
      //结束时间
      let end = new Date(endDate.replace(/-/g, "/").replace(/-/g, "/")).getTime();
 
       //用时间戳来判断是否在当前时间段
        if(start<stamp$$stamp<end){
            //进入当前时间段 隐藏show
            this.show = false
        }
      
    }
}复制

用时间戳判断更方便直观，参考了其他博客用定时器做 需要销毁重新计时，看个人选择，还有获取直接客户端时间也是一种不错的方法。