input type="date"でblurを使ったとき、javascriptで2回目実行以降で日付の差がうまく取得できない

Question

input type="date"でblurを使ったとき、javascriptで2回目実行以降で日付の差が
うまく取得できなくて困っています。
vue.js3を使用しています。
どなたかご教授お願いします。

<div class="col-12">
    <label class="col-form-label">登録日: </label>
    <input class="form-control-input" type="date" v-bind:value="startDate" v-on:blur="onDateChanged(1, $event.target.value)" />
    <label class="col-form-label">～</label>
    <input class="form-control-input" type="date" v-bind:value="endDate" v-on:blur="onDateChanged(2, $event.target.value)" />
</div>

onDateChanged(type, value) {
   // type:1 はstartDateの時、type:2 はendDateの時
   // valueは$event.target.valueをとっている

   // 実際はblurでこのコードを発生させ、開始日、終了日期間の反転をしないようにしています。
   // vueでバインドしているのですが、blurの時にthisで取れなかったので$event.target.valueを使用
   // const startDate = luxon.DateTime.fromISO(value);         // または this.startDate
   // const endDate = luxon.DateTime.fromISO(this.endDate);    // または value

   
   let startDate = new Date("2021-06-16");
   let endDate = new Date("2021-06-15");

   let test = startDate - endDate;

   // 1回目はtestがマイナスになる(endDateが小さいときはマイナスになるのが期待している結果)
   // 2回目以降はtestがプラスになる
},

Answer 1

申し訳ございません。コードに間違いがあったことが原因でした。
自己解決とさせていただきます。

onDateChanged(type, value) {
    if (type === 1) {
        const startDate = luxon.DateTime.fromISO(value);
        const endDate = luxon.DateTime.fromISO(this.endDate);

        // 期間の引き算は下記とした
        if (endDate.diff(startDate, "days").toObject().days < 0) {

        // 省略

    }

    // 省略
}