vueモバイル端末に日付選択コンポーネントを実装する

Vue モバイル端末の日付選択コンポーネントに関する知識ポイントをまとめましたので、読者の参考になれば幸いです。

まずソースコードを共有しましょう: https://github.com/lx544690189/vue-mobile-calendar

ビルドセットアップ

# install dependencies
npm install

# build for production with minification
npm run build

使用方法

install

rrreええ

または:( dist フォルダーから)

npm install vue-mobile-calendar

クイックスタート

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

rree

属性

オプション	説明	タイプ	デフォルト
v-model	表示/非表示カレンダー	ブール	false
format	format date	String	"yyyy-MM-dd"
defaultDate	デフォルトで選択された日付	Date	新しい日付( )
minDate	オプションの最小日付	Date	null
maxDate	オプションの最大日付	Date	null
closeByClickmask	マスクで近い	ブール	tru​​e
月	月のテキスト	配列	[「1月」、「2月」、「3月」、「4月」、「5月」、「6月」、「7月」、「8月」、「9ヶ月」、「10月」 "、"11 月"、"12 月"]
週	その日のテキスト	配列	["月曜日"、"火曜日"、"水曜日"、"第 4 週"、"金曜日"、"土曜日" 、「日曜日」]

イベント

変更日付変更時(日付、形式日付)

イベント名	説明	コールバックのパラメータ

参考

framework7

mint-ui

以上、皆さんの参考になれば幸いです。

関連記事:

vueでeventBusを使用して同じレベルのコンポーネント間の通信を実現する方法

node.jsで画像をダウンロードする方法

vue2.0+vue-dplayerを使用してこれらのテクノロジーを使用して hls を実装します プレイの例

以上がvueモバイル端末に日付選択コンポーネントを実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。