详解vue移动端日期选择组件

详解vue移动端日期选择组件

先给大家分享一下源码：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

http://

or:(from the dist folder)

Quickstart

import Vue from 'vue'

import Calendar from 'vue-mobile-calendar'

Vue.use(Calendar)

v-model="calendarShow"

:defaultDate="defaultDate"

@change="handelChange">

v-model="calendarShow"

:defaultDate="defaultDate"

@change="handelChange">

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

["周一", "周二", "周三", "周四", "周五", "周六", "周日http://"]

Events

event name

description

parameter of callback

change

when date change

(date,formatDate)

Reference

framework7

mint-ui

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。