美文网首页
vue项目中element-ui两个时间选择器的判断开始时间不大

vue项目中element-ui两个时间选择器的判断开始时间不大

作者: 蜗牛和曼巴 | 来源:发表于2019-06-05 16:23 被阅读0次

    静态

    <el-form-item prop="starttime">
            <el-date-picker
              v-model="temp.starttime"
              type="date"
              :picker-options="starttime"
              value-format="yyyy-MM-dd"
              placeholder="开始时间"
            />
          </el-form-item>
          <el-form-item prop="endTime">
            <el-date-picker
              v-model="temp.endTime"
              type="date"
              :picker-options="endTime"
              value-format="yyyy-MM-dd"
              placeholder="结束时间"
            />
          </el-form-item>
    

    逻辑

    return{
    // 开始时间
          starttime: {
            disabledDate: time => {
              if (this.temp.endtime) {
                return (
                  time.getTime() > new Date(this.temp.endtime).getTime()
                )
              } else {
                // 不能大于当前日期
                return time.getTime() > Date.now()
              }
            }
          },
          // 结束时间
          endTime: {
            disabledDate: time => {
              if (this.temp.starttime) {
                return (
                  time.getTime() > Date.now() ||
                  time.getTime() < new Date(this.temp.starttime).getTime() - 8.64e7 // 加- 8.64e7则表示包当天
                )
              } else {
                return time.getTime() < Date.now()
              }
            }
          },
    }
    

    相关文章

      网友评论

          本文标题:vue项目中element-ui两个时间选择器的判断开始时间不大

          本文链接:https://www.haomeiwen.com/subject/hrrsxctx.html