詳解vue移動端日期選擇組件
更新時間：2018年02月22日 10:51:59 投稿：laozhang
小編給大家整理了關(guān)于vue移動端日期選擇組件的知識點總結(jié)，希望能夠給讀者帶來幫助，一起學(xué)習(xí)參考下。
先給大家分享一下源碼：https://github.com/lx544690189/vue-mobile-calendar
Build Setup
# install dependencies npm install # build for production with minification npm run build
Usage
install
npm install vue-mobile-calendar
or:(from the dist folder)
<script src="vue-mobile-calendar.js" type="text/javascript"></script>
Quickstart
import Vue from 'vue' import Calendar from 'vue-mobile-calendar' Vue.use(Calendar)
<calendar v-model="calendarShow" :defaultDate="defaultDate" @change="handelChange"> </calendar>
Attributes
| option | description | type | default |
|---|---|---|---|
| v-model | show/hide the calendar | Boolean | false |
| format | format date | String | "yyyy-MM-dd" |
| defaultDate | default selected date | Date | new Date() |
| minDate | optional minimum date | Date | null |
| maxDate | optional maximum date | Date | null |
| closeByClickmask | close by mask | Boolean | true |
| month | text of month | Array | ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"] |
| week | text of day | Array | ["周一", "周二", "周三", "周四", "周五", "周六", "周日"] |
Events
| event name | description | parameter of callback |
|---|---|---|
| change | when date change | (date,formatDate) |
Reference
相關(guān)文章
這篇文章主要介紹了vue中如何使用vue-baberrage生成彈幕，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
詳解element-ui表格的合并行和列(非常細節(jié))
最近在需求中遇到了elementUI合并行,索性給大家整理下,這篇文章主要給大家介紹了關(guān)于element-ui表格的合并行和列的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了vue實現(xiàn)商品列表的無限加載思路和步驟詳解,基礎(chǔ)思路是觸底條件滿足之后 page++,拉取下一頁數(shù)據(jù),結(jié)合實例代碼給大家介紹的非常詳細,需要的朋友可以參考下,2024-06-06
當(dāng)用戶在網(wǎng)站登錄后,服務(wù)器會在其瀏覽器上設(shè)置一個包含登錄信息的Cookie,通過這個Cookie,服務(wù)器能夠識別用戶是否已登錄,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-09-09
這篇文章主要介紹了Vue el-table 默認展開某一行的實例，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
淺談vue中使用圖片懶加載vue-lazyload插件詳細指南
本篇文章主要介紹了淺談vue中使用圖片懶加載vue-lazyload插件詳細指南，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-10-10
這篇文章主要介紹了Vue3中的常見組件通信之v-model使用,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-04-04
這篇文章主要為大家詳細介紹了Vue3生命周期鉤子函數(shù)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
vue2 使用@vue/composition-api依賴包 編譯、打包各種報錯問題分析
由于package.json 文件中 vue、vue-template-compiler 版本號前面 多了個 ^ 導(dǎo)致實際導(dǎo)入時，node_module中的 vue 版本可能被升級為 2.7.x，這篇文章主要介紹了vue2 使用@vue/composition-api依賴包 編譯、打包各種報錯問題分析,需要的朋友可以參考下2023-01-01
基于 vue-skeleton-webpack-plugin 的骨架屏實戰(zhàn)
這篇文章主要介紹了基于 vue-skeleton-webpack-plugin 的骨架屏實戰(zhàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08