vue項目中element-ui兩個時間選擇器的判斷開始時間不大于結(jié)束時間

靜態(tài)

<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="結(jié)束時間"
        />
      </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()
          }
        }
      },
      // 結(jié)束時間
      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()
          }
        }
      },
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容