海创软件组--20200809--js如何获取当天00:00:00的时间对象--Vue使用element-ui图片地址失效两种处理（替换和隐藏）

js如何获取当天00:00:00的时间对象

前言：

最近在做一个酒店后台管理系统，其中一个接口参数是起止时间，需要传起止两天00:00:00，所以按以往单纯的new Date()肯定是无法实现的。

解决方法：

new Date(“2020/10/10”),“2020/10/10"相当于"2020/10/10 00:00:00”。

var date = new Date("2020/08/07")
this.start = date
this.end = new Date(date.getTime() + 1000 * 60 * 60 * 24)  //这里我将退房时间设置为第二天
console.log(this.start)
console.log(this.end)

打印输出：

有时候是需要当天获取的，不可以每次都是自己输入当天相应格式日期，所以我们需要借助一下函数帮我们做：

var date = new Date(this.dateToStr(new Date()))
this.start = date
this.end = new Date(date.getTime() + 1000 * 60 * 60 * 24)
this.start1 = this.start
this.end1 = this.end
console.log(this.start1)
console.log(this.end1)

//日期格式转换
dateToStr(datetime){
  var year = datetime.getFullYear()
  var month = datetime.getMonth()
  var month1 = datetime.getMonth()+1//js从0开始取
  var date = datetime.getDate()

  if(month<10){
    month = "0" + month
  }
  if(month1<10){
    month1 = "0" + month1
  }
  if(date<10){
    date = "0" + date
  }
    return year + '/' + month1 + '/' + date
},

---

Vue使用element-ui图片地址失效两种处理（替换和隐藏）

前言：

    相信很多人都会遇到图片地址失效导致无法显示图片，只显示几个字（加载失败），这样非常不美观。最近我在图片遍历显示时也遇到了其中一张图地址失效的问题，一堆图片中夹着一个加载失败，呃，感觉很不舒服，所以只能想办法解决。

---

处理方式：

一：替换

有时候可以选择用一张图片替换地址失效的图片，这样可以保持原有结构并且保证美观。

效果图：

替换图片后：

二：隐藏

有时候我需要展示不同的东西时，就不能随意那图片替代了，例如我做酒店图片展示，每个酒店的图片都不同，这时就不应该继续替换了，所以我采取了隐藏的方法。

从图中我们可以知道加载失败是由el-image__error类控制样式，这时我们只需要设置样式隐藏它即可。

.el-image__error{
  display: none;
}

效果图：

隐藏后：

三：继续思考

这个图片数组展示我还采用了element-ui的大图预览，即加多了个将图片数组srcList

尽管采取了隐藏失效图片，但点击图片查看大图的时候，因为有图片的地址失效了，所以会出现下图的情况：

后来采取图片出错回调函数来修改大图预览数组

 //处理失效图片,在大图预览数组中去掉那个失效的地址，不过还有一定错误，有待改进
 hideErrorImage(index){
   var srcList = this.srcList
   srcList[index] = ''
   srcList = srcList.filter(item=>item!='')
   this.srcList = srcList
 },

采取上面的回调函数，用户虽然使用无碍，大图预览中也不会出现之前的加载失败，不过打开控制台还是有报错，这个我暂时还没解决。