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

또는:( dist 폴더에서)

<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	표시/숨기기 Calendar	Boolean	false
format	format date	String	"yyyy-MM-dd"
defaultDate	기본 선택 날짜	Date	새 날짜( )
minDate	선택적 최소 날짜	Date	null
maxDate	선택적 최대 날짜	Date	null
closeByClickmask	close by	부울	true
월	월 텍스트	Array	["1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월" ", "11월", "12월"]
week	text of day	Array	["월요일", "화요일", "수요일", "4주차", "금요일", "토요일" , "일요일"]

Events

이벤트 이름	description	콜백 매개변수
change	날짜 변경 시	(날짜,형식 날짜)

Reference

framework7

mint-ui

위 내용은 제가 모두를 위해 정리한 내용입니다. 앞으로 모든 분들께 도움이 되길 바랍니다.

관련 기사:

동일한 레벨의 구성요소 간 통신을 달성하기 위해 vue에서 eventBus를 사용하는 방법

node.js에서 이미지를 다운로드하는 방법

vue2.0+vue-dplayer를 사용하는 방법 이러한 기술을 사용하여 hls를 구현합니다. 플레이 예시

위 내용은 Vue 모바일 터미널에서 날짜 선택 구성 요소 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!