Implémenter le composant de sélection de date dans le terminal mobile vue

J'ai compilé un résumé des points de connaissances sur le composant de sélection de date du terminal mobile Vue pour tout le monde. J'espère qu'il pourra être utile aux lecteurs et pourra être étudié ensemble pour référence.

Permettez-moi d'abord de partager le code source avec vous : https://github.com/lx544690189/vue-mobile-calendar

Build Configuration

# install dependencies
npm install

# build for production with minification
npm run build

Utilisation

installer

npm install vue-mobile-calendar

ou :(à partir du dossier dist)

<script src="vue-mobile-calendar.js" type="text/javascript"></script>

Démarrage rapide

import Vue from 'vue'
import Calendar from 'vue-mobile-calendar'

Vue.use(Calendar)

<calendar
 v-model="calendarShow"
 :defaultDate="defaultDate"
 @change="handelChange">
</calendar>

Attributs

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	["周一", "周二", "周三", "周四", "周五", "周六", "周日"]

Événements

event name	description	parameter of callback
change	when date change	(date,formatDate)

Référence

framework7

mint-ui

Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère que cela sera utile à tout le monde. à l'avenir.

Articles associés :

Comment utiliser eventBus dans vue pour établir une communication entre les composants au même niveau

Comment implémenter le téléchargement dans node.js Picture

Exemples d'implémentation de la lecture hls à l'aide des technologies vue2.0+vue-dplayer

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!