<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>