날짜 구간 선택시

export default {

  data() {

    return {

      rangeStart: DateTime.addDays(new Date(), -30),

      rangeEnd: DateTime.addDays(new Date(), 30),

      predefinedRanges: this.getPredefinedRanges(),

      closeOnSelection: true,

      monthCount: 2,

      weeksBefore: 0,

      weeksAfter: 0,

    ...

methods: {

    getPredefinedRanges() {

        let dt = DateTime, now = new Date();

        return {};

    },   

                      <wj-input-date-range

                        :alwaysShowCalendar="true"

                        :predefinedRanges="predefinedRanges"

                        :value.sync="rangeStart"

                        :rangeEnd.sync="rangeEnd"

                        :closeOnSelection="closeOnSelection"

                        :monthCount="monthCount"

                        :weeksBefore="weeksBefore"

                        :weeksAfter="weeksAfter"

                        :handleWheel="false"

                        >

                    </wj-input-date-range>

에서 특정버튼 클릭시 날짜 시작~종료 구간을 설정하고 싶습니다.

this.rangeStart = new Date("2023-01-01");

this.rangeEnd = new Date("2023-08-18");