AntDesign日期范围选择(可复用代码片段)

<template>
  <div>
    <a-range-picker format='YYYY-MM-DD' @change='onUpdateChange'
         :default=value='[dataParams.updatedTime_begin, dataParams.updateTime_end]/>
  </div>
</template>

<script setup>
  const dataParams = ref({
         updatedTime_begin: moment(
          moment()
            .add(-30, 'days')
            .startOf('day')
            .valueOf()
        ).format('YYYY-MM-DD '),
        updatedTime_end: moment(
          moment()
            .add(0, 'days')
            .endOf('day')
            .valueOf()
        ).format('YYYY-MM-DD '),
   });

  const onUpdateChange = (date, dateString) => {
      this.dataParams.updatedTime_begin = dateString[0]
      this.dataParams.updatedTime_end = dateString[1]
  }
  
</script>

posted @ 2023-02-27 19:10  Felix_Openmind  阅读(129)  评论(0)    收藏  举报
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}