0
点赞
收藏
分享

微信扫一扫

vue+element 结束时间不能在开始时间之前

天际孤狼 2022-03-15 阅读 41

 elemnet里面的两个时间控件

<el-row :gutter="24" style="margin-bottom: 20px;">
            <el-col :span="12">
              <el-form-item label="计划开始时间" class="date-picker" prop="plannedStartTime">
                <el-date-picker
                  v-model="changeForm.plannedStartTime"
                  :picker-options="setStartDisabled"
                  type="datetime"
                  format="yyyy-MM-dd HH:mm"
                  value-format="timestamp"
                  placeholder="选择日期时间"/>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="计划结束时间" class="date-picker" prop="plannedFinshTime">
                <el-date-picker
                  v-model="changeForm.plannedFinshTime"
                  :picker-options="setFinshisabled"
                  type="datetime"
                  format="yyyy-MM-dd HH:mm"
                  value-format="timestamp"
                  placeholder="选择日期时间"/>
              </el-form-item>
            </el-col>
          </el-row>
setStartDisabled: {
        disabledDate: (time) => {
          return time.getTime() + 24 * 60 * 60 * 1000 < Date.now()
      },
      setFinshisabled: {
        disabledDate: (time) => {
          return time.getTime() + 24 * 60 * 60 * 1000 < Date.now()
        }
	       
      }
 if (this.changeForm.plannedStartTime > this.changeForm.plannedFinshTime) {
            this.$message.error('结束日期不能在开始日期之前')
            return
          }
举报

相关推荐

0 条评论