vue 日曆組件

 

• Github 上不少點擊彈出日曆選擇某個時間的組件，卻沒有找到單純展現日曆而且能點擊獲取時間的組件

npm i vue-calendar-component --save cnpm i vue-calendar-component --save  //國內鏡像

使用

//vue文件中引入
import Calendar from 'vue-calendar-component'; components: { Calendar }
 <Calendar v-on:choseDay="clickDay" v-on:changeMonth="changeDate"
      // v-on:isToday="clickToday" // :markDate=arr // arr=['2018/4/1','2018/4/3'] 標記4月1日和4月3日 簡單標記 //:markDateMore=arr // 多種不一樣的標記 // 第一個標記和第二個標記不能同時使用 // :agoDayHide='1514937600' //某個日期之前的不容許點擊 時間戳10位 // :futureDayHide='1525104000' //某個日期之後的不容許點擊 時間戳10位 // :sundayStart="true" //默認是週一開始 當是true的時候 是週日開始
    ></Calendar> 
 clickDay(data) { console.log(data); //選中某天
 }, changeDate(data) { console.log(data); //左右點擊切換月份
 }, clickToday(data) { console.log(data); // 跳到了本月
    }

 

 

組件GIT: https://github.com/zwhGithub/vue-calendar