js文件知道起始时间，结束时间的校验功能

最新推荐文章于 2021-10-07 10:45:25 发布

fantastic_huihui

最新推荐文章于 2021-10-07 10:45:25 发布

阅读量274

点赞数

文章标签： vue.js html javascript

本文链接：https://blog.youkuaiyun.com/qq_41574837/article/details/105129873

版权

写在data里，不用写在方法里
开始时间校验代码如下：

// 开始时间限制
      startTimes: {
        disabledDate: time => {
          if (this.endTimes) {
            return (
              time.getTime() < new Date(this.endTimes).getTime()
            )
          } else {
            return time.getTime() < Date.now() - 3600 * 1000 * 24 * 7
          }
        }
      }

结束时间校验代码如下：

// 结束时间限制
      endTimes: {
        disabledDate: time => {
          if (this.addFixCarDialog.addStartTime) {
            return (
              time.getTime() < Date.now() - 3600 * 1000 * 24 * 7 ||
              time.getTime() < new Date(this.addFixCarDialog.addStartTime).getTime()
            )
          } else {
            return time.getTime() < Date.now() - 3600 * 1000 * 24 * 7
          }
        }
      }

代码如下：

<el-date-picker
            v-model="addFixCarDialog.addStartTime"
            type="date"
            format="yyyy-MM-dd HH:mm:ss"
            value-format="yyyy-MM-dd HH-mm-ss"
            placeholder="选择日期"
            :picker-options="startTimes"
          />