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