Element-UI 日期选择器--禁用未来日期

        在做项目的时候经常会遇到一些报表需要填写日期，一般是填写当日及当日以前，这时候我们的日期选择器就需要进行一些限制，比如：

        这样之后，就不会误填写到明天啦，下面让我们看一下代码实现 

html页面代码

        这里主要是给日期选择器加了  :picker-options='pickerOptions' 一句话

            <el-date-picker
              v-model.trim="dataForm.pollingDate"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="选择日期"
              :picker-options='pickerOptions'>
            </el-date-picker>

JS代码       

         这里主要是用于返回可选择日期

  data() {
    return {
      pickerOptions:{
        disabledDate(date){
          return date.getTime() > Date.now()
        }
      },
    }
  }

备注：不能选择今日之前（不包括今日）如下所示

        return date.getTime() < new Date(new Date().setHours(0, 0, 0, 0))

        是不是很简单？最终效果如最上方截图所示