elementui：右側に現在の月の日付コンポーネント

背景：
同社は後に日付がマスクされ、当日の無効ピッカー・オプションを使用して、今日の前にデータを表示するように求められますが、これは問題を表示するように見えました。左ではなく、次のように、非常にきれいな、から選択する月の右側に現在の月。だから、ディスプレイの右側に現在の月をする必要があります。

ソリューション

使用するdefault-valueデフォルトの日付を設定するプロパティを。次のとおりです。

<el-date-picker v-model="timeRange"
   type="daterange"
   range-separator="至"
   start-placeholder="开始日期"
   end-placeholder="结束日期"
   value-format="yyyy-MM-dd"
   :picker-options="pickerOptions"
   :default-value="timeDefaultShow"
   @change="chooseTime">
</el-date-picker>

data () {
    return {
      pickerOptions: {
        disabledDate (time) {
          return time.getTime() > Date.now()
        }
      },
      timeDefaultShow: ''
    }
  },
created () {
    this.timeDefaultShow = new Date()
    this.timeDefaultShow.setMonth(new Date().getMonth() - 1)
  },

このとき、次のように、現在の月は、権利を有します。