<template>
<a-card :bordered="false">
<a-range-picker
show-time
:default-value="[moment(startTime, 'YYYY-MM-DD HH:mm:ss'), moment(endTime, 'YYYY-MM-DD HH:mm:ss')]"
@change="onChange">
</a-range-picker>
</a-card>
</template>
<script>
import moment from "moment";
export default {
name: 'day',
data () {
return {
moment,
startTime:moment(new Date(new Date(new Date().toLocaleDateString()).getTime())).format('YYYY-MM-DD HH:mm:ss'),
endTime:moment(new Date(new Date(new Date().toLocaleDateString()).getTime()+24*60*60*1000-1)).format('YYYY-MM-DD HH:mm:ss')
}
},
methods: {
onChange(value, dateString) {
// console.log('Selected Time: ', value);
// console.log('Formatted Selected Time: ', dateString);
this.startTime = dateString[0]
this.endTime = dateString[1]
}
}
}
</script>
<style scoped>
</style>