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

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

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()
        }
      },
    }
  }

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