vue + element使用页面选择的日期和当前日期进行比较

最新推荐文章于 2025-09-11 04:00:09 发布

原创最新推荐文章于 2025-09-11 04:00:09 发布 · 7k 阅读

6 ·

CC 4.0 BY-SA版权

vue 同时被 2 个专栏收录

14 篇文章

订阅专栏

element

8 篇文章

订阅专栏

本文介绍如何使用Element UI的日期选择器组件，并演示了将用户选择的日期时间转换为Date对象，以便与当前时间进行比较的方法。通过实例代码，展示了如何避免设置的失效时间早于当前时间。

//使用element选择的日期

<el-date-picker
  v-model="model.disableTime"
  type="datetime"
  placeholder="选择日期时间" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>

//使用element选择的日期是  Object类型的要先转化为String类型再转为Date类型然后和当前是进行比较

var remindTime = this.model.disableTime;//自己选择的时间
var str = remindTime.toString();        // toString
str = str.replace('/-/g', '/');         //去空格字符等
var oldTime = new Date(str).getTime();  //装date

//    进行比较

if ( oldTime <= new Date().getTime()) {
  this.$message.error('失效时间当前时间');
  return;
}