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