elementui限制el-date-pick 限制日期

2023-05-08  本文已影响0人  辉色星空下

comeTime为开始时间 loseTime为结束时间 effectiveYear为年份

//这个是限制日期
<el-date-picker
                  vModel={row.loseTime}
                  type="date"
                  valueFormat={"yyyy-MM-dd"}
                  format={"yyyy-MM-dd"}
                  placeholder="选择日期"
                  pickerOptions={{
                    disabledDate(time) {
                      let date = "";
                      let time1 = "";
                      let year = "";
                      if (row.comeTime && row.effectiveYear) {
                        date = new Date(row.comeTime);
                        time1 = date.getTime(); //得到时间戳
                        year = new Date(time).getFullYear();
                        return (
                          time.getTime() < time1 ||
                          year !== Number(row.effectiveYear)
                        );
                      } else {
                        if (row.comeTime) {
                          date = new Date(row.comeTime);
                          time1 = date.getTime(); //得到时间戳
                          year = new Date(row.comeTime).getFullYear();
                          return (
                            time.getTime() < time1 ||
                            time.getFullYear() !== year
                          );
                        }
                        if (row.effectiveYear) {
                          year = new Date(time).getFullYear();
                          return year !== Number(row.effectiveYear);
                        }
                      }
                    }
                  }}
                ></el-date-picker>
//这个是限制年份
<el-date-picker
                  vModel={row.effectiveYear}
                  type="year"
                  valueFormat={"yyyy"}
                  format={"yyyy"}
                  placeholder="选择年"
                  pickerOptions={{
                    disabledDate(time) {
                      let year = "";
                      let years = "";
                      if (row.loseTime || row.comeTime) {
                        year =
                          new Date(row.loseTime).getFullYear() ||
                          new Date(row.comeTime).getFullYear();
                        years = new Date(time).getFullYear();
                        return year !== years;
                      }
                    }
                  }}
                ></el-date-picker>
上一篇 下一篇

猜你喜欢

热点阅读