<template>
<div id="app">
<template>
<div>
<a-range-picker @change="onChange" format="YYYY-MM-DD HH:mm:ss" v-model="timeEl"/>
</div>
</template>
</div>
</template>
<script>
// 引入组件
import HelloWorld from './components/HelloWorld.vue'
export default {
components: {
HelloWorld
},
data(){
return {
startTime:'',
endTime:'',
timeEl:[],
allowClear:false
}
},
methods:{
onChange(date, dateString) {
this.startTime = dateString[0];
this.endTime = dateString[1];
if (date.length === 0) {
this.timeEl = [];
} else {
console.log("这是开始时间", this.$moment(this.timeEl[0]).format('YYYY-MM-DD HH:mm:ss'));
console.log("这是结束时间", this.$moment( this.timeEl[1]).format('YYYY-MM-DD HH:mm:ss'));
}
console.log(this.timeEl.length);
}
}
}
</script>
<style>
</style>