vueのカレンダープラグインvue-calendar-component
775 ワード
1、vueプロジェクトにカレンダープラグイン(vue-calendar-component)をインストールする:
2、calendarなどvueファイルで使用する.vueファイルにカレンダーを作成するには、次の手順に従います.
npm i vue-calendar-component --save
2、calendarなどvueファイルで使用する.vueファイルにカレンダーを作成するには、次の手順に従います.
< Calendar v-on:choseDay ='clickDay' v-on:changeMonth='changeDay' v-on:isToday='clickToday' >< /Calendar>
import Calendar from 'vue-calendar-component';
export default{
components:{
Calendar
}
methods:{
//
clickDay(data){
this.$message.info(' '+data);
},
//
changeDay(data){
this.$message.info(' '+data.slice(5,6));
},
//
clickToday(data){
this.$message.info(' '+data);
}
}
}