フロントエンドは要素の el-date-picker コンポーネントを使用して、初めて展開されたときにデフォルトで今月と前月を表示します。

プロジェクトのシナリオ:

最近の要件の時間範囲をクリックして選択するとel-date-picker、現在の月と先月がデフォルトで展開されます。
ただし、次の図に示すように、コンポーネントはデフォルトで今月と来月に拡張されます。

---

解決：

ヒント: クリック イベントを親コンテナに追加します。

            <span @click.once="changeInitCalendarRange">
              <el-date-picker
                type="daterange"
                v-model="worksheetsParams.createTimeRange"
                placeholder="选择日期范围"
                value-format="yyyy-MM-dd"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                clearable>
              </el-date-picker>
            </span>

    changeInitCalendarRange() {
    
    
      let element = document.querySelector("button.el-picker-panel__icon-btn.el-icon-arrow-left");
      if (element) element.click();
    },

button.el-picker-panel__icon-btn.el-icon-arrow-leftカレンダーの前のページ ボタンの
レンダリングのプロパティ:

参考: [ElementUI] el-date-picker コンポーネントは、初めて展開したときにデフォルトで今月と前月を表示します。