Vueは、選択した月に応じて日付に対応する曜日を動的に表示します。

<テンプレート>
 <div>
  <el-date-picker v-model="month" type="month" @change="monthChange" placeholder="月を選択" />
  <p>
   月の各日:
   <span v-for="item in everyDay" :key="item" style="margin-right:10px;">{{item}}</span>
  </p>
 </div>
</テンプレート>

<スクリプト>
エクスポートデフォルト{
 データ（） {
  戻る {
   月： ""、
   毎日: []
  };
 },
 マウントされた(){
  date = new Date()、month = date.getMonth(); とします。
  this.getEveryDay(日付、月);
 },
 メソッド: {
  月変更(日付) {
   日付を取得します。
  },
  getEveryDay(日付、月) {
   //月を設定します date.setMonth(month + 1);
   // 月の日付を設定します - ゼロに設定すると、日付の日付は月の最終日になります (たとえば、2 月は 28 または 29、他の月は 30 または 31)。これは、次のループ date.setDate(0); に便利です。
   dayArry = [] とします。
   // 月の日付を取得します。let day = date.getDate();

   (i = 1; i <= day; i++ とします) {
    date.setDate(i); // 現在選択されている月のすべての日だけを取得したい場合は、date.setDate(i) は必要ありません。dayArry.push(i) のみで十分です。date.setDate(i) は現在の月のすべての日を設定します。dayArry.push(i + ' ' + this.getWeekday(date.getDay())); // 選択した月のすべての日と曜日}

   this.everyDay = dayArry;
  },
  getWeekday(曜日){
   ["日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日"][day] を返します。
  },
 }
};
</スクリプト>

<テンプレート>
 <div style="margin:50px;">
  <el-date-picker v-model="month" type="month" @change="monthChange" placeholder="月を選択" />
  <p style="margin-top:10px;">
   月ごとの各日:
   <span v-for="item in everyDay" :key="item" style="margin-right:10px;" v-html="item"></span>
  </p>
 </div>
</テンプレート>

<スクリプト>
エクスポートデフォルト{
 データ（） {
  戻る {
   月： ""、
   毎日: []
  };
 },
 マウントされた(){
  date = new Date(), month = date.getMonth(); とします。
  this.getEveryDay(日付、月);
 },
 メソッド: {
  月変更(日付) {
   日付を取得します。
  },
  getEveryDay(日付、月) {
   //月を設定します date.setMonth(month + 1);
   // 月の日付を設定します - ゼロに設定すると、日付の日付は月の最終日になります (たとえば、2 月は 28 または 29、他の月は 30 または 31)。これは、次のループ date.setDate(0); に便利です。
   dayArry = [] とします。
   // 月の日付を取得します。let day = date.getDate();

   (i = 1; i <= day; i++ とします) {
    日付を設定します。
    date.getDay() == 0 || date.getDay() == 6 の場合{
     dayArry.push('<i class="red">' + i + '</i>');
    }それ以外{
     dayArry.push(i);
    }
   }

   this.everyDay = dayArry;
  },
 }
};
</スクリプト>
<スタイル>
.red{色:赤;フォントスタイル:通常;}
</スタイル>