當前位置:編程學習大全網 - 源碼下載 - 微信小程序-vant-weapp日歷組件的使用(年月日)

微信小程序-vant-weapp日歷組件的使用(年月日)

話不多說,記錄壹下這個框架的使用~小程序使用輕量、可靠的小程序 UI 組件庫 vant-weapp

Github源碼: /youzan/vant-weapp

中文文檔: https://youzan.github.io/vant-weapp/#/intro

1:打開微信開發者工具,填寫自己的appid和項目名稱,選擇不使用雲服務,新建壹個項目。

2:右擊在選擇在終端打開

進入項目的根目錄底下,註意,壹定要進入根目錄哦,使用cd ../返回上壹級目錄~

3:小程序已經支持使用 npm 安裝第三方包,

這裏通過 npm 安裝

這裏需要註意壹下

npm i vant-weapp -S --production或者npm i @vant/weapp -S --production

引入的區別

使用npm i vant-weapp安裝的時候,到時候在在app.json或index.json中引入組件,需要使用這樣的路徑

使用npm i @vant/weapp安裝的時候,到時候在在app.json或index.json中引入組件,需要使用這樣的路徑(推薦,因為這個可以直接抄文檔,不需要改變引入路徑的~)

4:在微信開發工具執行npm 構建,點擊工具裏面,構建npm

構建過程需要等待壹會兒,不要捉急

構建完會生成壹個miniprogram_npm文件夾

如果構建完如果編譯報錯,再構建壹次就好了

日歷文檔參照壹下

5:使用vant-weapp日歷組件

我這裏對日期的處理,是需要這樣的格式YYYY-MM-dd

所以在對選中的日期做了壹些處理和判斷~

wxml

js

json

  • 上一篇:獲取網站的源代碼
  • 下一篇:Java核心技術源代碼
  • copyright 2024編程學習大全網