element-ui组价自定义时间日期选择控件在当前日期可选

前几天测试找我提bug 说:"这块有好几个地方都需要优化一下 我一看是UI组件的日期时间控件,因为默认的时间是00:00-23:59：59 时间还没到 23:59:59  确定按钮是灰色的 是合理的。后来经过协商 决定还是在优化一下。当天的23:59:59可以选

 

html代码：

        <el-form-item class="pull-right" label="提交时间">
            <el-date-picker
            v-model="submitTime"
            type="datetimerange"
            size="small"
            :editable="false"
            start-placeholder="开始时间"
            end-placeholder="结束时间"
            :default-time="['00:00:00', '23:59:59']"
            value-format="yyyy-MM-dd HH:mm:ss"
            :picker-options="pickerOptions">
          </el-date-picker>
        </el-form-item>

js代码：

 pickerOptions: {
       disabledDate(time) { 
            // 一天是24*60*60*1000 = 86400000 = 8.64e7
          return time.getTime() > new Date(new Date(new     Date().toLocaleDateString()).getTime()+24*60*60*1000 -1);
          }
  },

没有改动之前是Date.now();

要获取到当前的时间，转成字符串的格式，在加1天也就是24*60*60*1000 ； 减1是减去1毫秒 因为我定义的时间是23:59:59

现在的效果是这样子的