vue 判断两个时间 年月日时分秒的大小
时间: 2024-02-05 20:10:33 浏览: 92
可以使用 JavaScript 中的 `Date` 对象来比较两个时间的大小,具体实现方法如下:
```js
// 时间格式为 年-月-日 时:分:秒
const time1 = '2021-10-01 12:00:00';
const time2 = '2021-10-01 10:00:00';
// 将时间字符串转化为 Date 对象
const date1 = new Date(time1);
const date2 = new Date(time2);
// 比较两个时间的大小
if (date1 > date2) {
console.log('time1 大于 time2');
} else if (date1 < date2) {
console.log('time1 小于 time2');
} else {
console.log('time1 等于 time2');
}
```
如果需要在 Vue 中使用,可以将上述代码放在 Vue 的方法中,然后在模板中调用该方法即可。例如:
```vue
<template>
<div>
<p>time1: {{ time1 }}</p>
<p>time2: {{ time2 }}</p>
<p>比较结果:{{ compareTime() }}</p>
</div>
</template>
<script>
export default {
data() {
return {
time1: '2021-10-01 12:00:00',
time2: '2021-10-01 10:00:00',
};
},
methods: {
compareTime() {
const date1 = new Date(this.time1);
const date2 = new Date(this.time2);
if (date1 > date2) {
return 'time1 大于 time2';
} else if (date1 < date2) {
return 'time1 小于 time2';
} else {
return 'time1 等于 time2';
}
},
},
};
</script>
```