el-date-picker时间比较
时间: 2023-11-09 14:02:11 浏览: 134
【JavaScript源代码】vue el-date-picker动态限制时间范围案例详解.docx
el-date-picker 是一个基于 Element UI 的日期选择器组件,可以用于选择日期和时间。如果需要比较两个 el-date-picker 选择的时间,可以将它们的值转换为时间戳,然后进行比较。
具体步骤如下:
1. 获取 el-date-picker 的值,可以使用 v-model 指令绑定数据。
2. 将 el-date-picker 的值转换为时间戳,可以使用 Date.parse() 方法或者 new Date().getTime() 方法。
3. 进行时间比较,可以使用比较运算符(如 >、<、>=、<=)进行比较。
以下是一个示例代码:
```
<template>
<div>
<el-date-picker v-model="date1" type="datetime"></el-date-picker>
<el-date-picker v-model="date2" type="datetime"></el-date-picker>
<button @click="compare">比较时间</button>
</div>
</template>
<script>
export default {
data() {
return {
date1: '',
date2: ''
}
},
methods: {
compare() {
const timestamp1 = Date.parse(this.date1)
const timestamp2 = Date.parse(this.date2)
if (timestamp1 > timestamp2) {
console.log('date1 大于 date2')
} else if (timestamp1 < timestamp2) {
console.log('date1 小于 date2')
} else {
console.log('date1 等于 date2')
}
}
}
}
</script>
```
阅读全文