Rumah > hujung hadapan web > tutorial js > 在vue移动端中实现日期选择组件

在vue移动端中实现日期选择组件

亚连
Lepaskan: 2018-06-05 15:43:26
asal
6515 orang telah melayarinya

我给大家整理了关于vue移动端日期选择组件的知识点总结,希望能够给读者带来帮助,一起学习参考下。

先给大家分享一下源码:https://github.com/lx544690189/vue-mobile-calendar

Build Setup

# install dependencies
npm install

# build for production with minification
npm run build
Salin selepas log masuk

Usage

install

npm install vue-mobile-calendar
Salin selepas log masuk

or:(from the dist folder)

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

Quickstart

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

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

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

framework7

mint-ui

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

在vue中使用eventBus如何实现同级组件的通讯

在node.js中如何实现下载图片

使用vue2.0+vue-dplayer这些技术如何实现hls播放的示例

Atas ialah kandungan terperinci 在vue移动端中实现日期选择组件. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan