<itu-calendar v-model="showDate" :date="date" @change="changeDate"></itu-calendar>
<script>
  export default {
    data() {
      return {
        showDate: false,
        date: "",
      };
    },
    methods: {
      changeDate(e) {
        this.date = e.result;
      },
    },
  };
</script>

<itu-calendar mode="range" shape="round" :dateRange="dateRange" v-model="showRangeDate" @change="changeRangeDate"></itu-calendar>
<script>
  export default {
    data() {
      return {
        showRangeDate: false,
        rangeDate: '',
        dateRange: ['2024-05-01', '2024-06-03']
      };
    },
    methods: {
      changeRangeDate(e) {
        this.rangeDate = `${e.startDate} 至 ${e.endDate}`
        this.dateRange = e.result;
      }
    },
  };
</script>