Heim  >  Artikel  >  Web-Frontend  >  Implementieren Sie die Datumsauswahlkomponente im mobilen Vue-Terminal

Implementieren Sie die Datumsauswahlkomponente im mobilen Vue-Terminal

亚连
亚连Original
2018-06-05 15:43:266350Durchsuche

Ich habe eine Zusammenfassung der Wissenspunkte über die Datumsauswahlkomponente des Vue-Mobilterminals für alle zusammengestellt. Ich hoffe, dass sie für die Leser hilfreich sein kann und als Referenz gemeinsam studiert werden kann.

Lassen Sie mich zunächst den Quellcode mit Ihnen teilen: https://github.com/lx544690189/vue-mobile-calendar

Build Setup

# install dependencies
npm install

# build for production with minification
npm run build

Verwendung

installieren

npm install vue-mobile-calendar

oder: (aus dem dist-Ordner)

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

Schnellstart

import Vue from &#39;vue&#39;
import Calendar from &#39;vue-mobile-calendar&#39;

Vue.use(Calendar)
<calendar
 v-model="calendarShow"
 :defaultDate="defaultDate"
 @change="handelChange">
</calendar>

Attribute

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

Ereignisse

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

Referenz

Framework7

mint-ui

Das Obige habe ich für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

So verwenden Sie EventBus in Vue, um eine Kommunikation zwischen Komponenten auf derselben Ebene zu erreichen

So implementieren Sie das Herunterladen in node.js-Bild

Beispiele für die Implementierung der HLS-Wiedergabe mit vue2.0+vue-dplayer-Technologien

Das obige ist der detaillierte Inhalt vonImplementieren Sie die Datumsauswahlkomponente im mobilen Vue-Terminal. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn