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

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

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

html页面代码

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

            <el-date-pickerv-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))

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