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