国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue-event-calendar 事件日歷插件

Kaede / 2331人閱讀

摘要：這里拿到的是傳入的單個所有數(shù)據(jù)組件事件可以監(jiān)聽的事件有兩個，選擇了哪天和當月是哪月，當發(fā)生改變時，會觸發(fā)監(jiān)聽函數(shù)。

vue-event-calendar 
vue-event-calendar是一款簡單小巧的事件日歷組件，針對Vue2開發(fā)。樣式美觀，且響應式。
在線例子

依賴

vue: ^2.0.0

使用方法 安裝 
 npm install vue-event-calendar --save
入口 Main.js 
import "vue-event-calendar/dist/style.css" //1.1.10之后的版本，css被放在了多帶帶的文件中，方便替換
import vueEventCalendar from "vue-event-calendar"
Vue.use(vueEventCalendar, {locale: "en"}) //可以設置語言，支持中文和英文
用法示例
自定義事件模版（可以允許你展示更多信息）

vue-event-calendar允許自定義事件模版，但是這個功能需要Vue 2.1.0版本以上才可以使用。原因是我試用了2.1.0以上才有的新功能作用域插槽(Scoped Slots)。
組件事件

可以監(jiān)聽的事件有兩個，選擇了哪天和當月是哪月，當發(fā)生改變時，會觸發(fā)監(jiān)聽函數(shù)。函數(shù)中的回調(diào)參數(shù)為改變后的日期。

Options 
  // 當 Vue.use時, 可以設置的參數(shù)
  {
    locale: "en",
    color: "black", //Set main color
    className: "Custom className for current clicked date", // (default: "selected-day")
    weekStartOn: "week Start on which day"  // Can be: 1, 2, 3, 4, 5, 6, 0 (default: 0)
  }
API 
// 下個月
this.$EventCalendar.nextMonth()
// 上個月
this.$EventCalendar.preMonth()
//到指定日期
this.$EventCalendar.toDate("2016/11/12")

可以看我寫的Demo

開發(fā)

可以在github直接clone我的項目然后執(zhí)行如下命令繼續(xù)二次開發(fā)或發(fā)版，歡迎star&&issue

npm run dev  //develop
npm run build //production
Change log
1.3.6 -> 1.4.0

去除了當天的背景，改用一個在日期下面的小圓點替代

增加選中日期樣式

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/86619.html

相關(guān)文章

  • 前端開源項目周報0321

    摘要：由出品的前端開源項目周報第十三期來啦。我們的前端開源周報集合了一周來新收錄的優(yōu)質(zhì)的前端開源項目，方便前端開發(fā)人員便捷的找到自己需要的項目工具等。 由OpenDigg?出品的前端開源項目周報第十三期來啦。我們的前端開源周報集合了OpenDigg一周來新收錄的優(yōu)質(zhì)的前端開源項目，方便前端開發(fā)人員便捷的找到自己需要的項目工具等。react-perimeter 在元素周圍創(chuàng)建不可見paddin...

    Lemon_95 評論0 收藏0

  • 前端開源項目周報0321

    摘要：由出品的前端開源項目周報第十三期來啦。我們的前端開源周報集合了一周來新收錄的優(yōu)質(zhì)的前端開源項目，方便前端開發(fā)人員便捷的找到自己需要的項目工具等。 由OpenDigg?出品的前端開源項目周報第十三期來啦。我們的前端開源周報集合了OpenDigg一周來新收錄的優(yōu)質(zhì)的前端開源項目，方便前端開發(fā)人員便捷的找到自己需要的項目工具等。react-perimeter 在元素周圍創(chuàng)建不可見paddin...

    OldPanda 評論0 收藏0

  • Cordova創(chuàng)建系統(tǒng)日歷事件

    摘要：在制作一款打卡的時候有這么一個需求創(chuàng)建提醒到系統(tǒng)日歷中，也就是利用系統(tǒng)日歷來做事件的提醒，這么做的好處很明顯，無需處理提醒的細節(jié)，也無需后臺。 在制作一款打卡App的時候有這么一個需求 -- 創(chuàng)建提醒到系統(tǒng)日歷中，也就是利用系統(tǒng)日歷來做事件的提醒，這么做的好處很明顯，App無需處理提醒的細節(jié)，也無需后臺。這個App是基于Cordova開發(fā)的，并沒有訪問系統(tǒng)日歷的接口，我們只能通過插件來...

    snowLu 評論0 收藏0

  • FullCalendar插件的基本使用

    摘要：插件的依賴文件插件的使用頁面結(jié)構(gòu)設置日歷頭部信息，如果設置為，則不顯示頭部信息。設置日歷的高度，包括日歷頭部，默認未設置，高度根據(jù)值自適應。 先說一下我的另一博客地址: https://home.cnblogs.com/u/bllx/ FullCalendar的選擇 前段時間，一直在開發(fā)考勤系統(tǒng)，當時為滿足設計的需求，選了好幾個插件，最后決定采用Fullcanlendar的插件。感覺這...

    import. 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<