[InputDateRange] 特定の条件下でドロップダウンを開くと不正にrangeEndChangedイベントが発生する – MESCIUS ナレッジベース

作成日: 2022/11/24 最終更新日: 2023/05/31

文書種別

不具合

状況

修正済み

詳細

下記条件の場合にドロップダウンを開くと不正にrangeEndChangedイベントが発生します。

発生条件：

predefinedRangesプロパティで事前定義された範囲を設定している
valueプロパティとrangeEndプロパティを設定している
valueプロパティとrangeEndプロパティの範囲が事前定義された範囲のいずれかに一致する
初めてカレンダーを開く

回避方法

この問題はバージョン5.20231.888で修正されました。

修正版を適用しない場合の回避方法は次の通りです。

以下のイベントを設定することにより回避できます。

inputDateRange._lbx.selectedIndexChanged.removeHandler();
inputDateRange._lbx.selectedIndexChanged.addHandler(s => {
    let rng = s.selectedItem,
        fdt = dt.fromDateTime,
        sameDate = dt.sameDate;
    if (rng && rng.from && rng.to) {
        if (!(sameDate(rng.from, inputDateRange.value) && sameDate(rng.to, inputDateRange.rangeEnd))) {
            let value = inputDateRange.value;
            inputDateRange.value = fdt(rng.from, value);
            inputDateRange.rangeEnd = fdt(rng.to, value);
        }
        inputDateRange._selectAll();
    } else {
        inputDateRange._cal.hostElement.style.display = '';
    }
});