Wechat applet-using -vant-weapp calendar component (year, month and day)

Not much to say, let's record how to use this framework ~ The applet uses vant-weapp, which is a lightweight and reliable applet UI component library.

Github source code: /youzan/vant-weapp

Chinese document: https://youzan.github.io/vant-weapp/#/intro

1: Open the WeChat developer tool, fill in your appid and project name, and choose not to use cloud services to create a new project.

2: Right-click and select Open in Terminal.

Enter the root directory of the project. Be sure to enter the root directory, and use the CD ../Return to the previous directory ~

3. The applet has supported the installation of third-party software packages using npm.

It is installed here through npm.

We need to pay attention here.

NPM 10,000 TET-Wei app-s-production or NPM 10,000 TET/Wei app-s-production.

Difference of introduction

When installing with npm i vant-weapp, you need to use this path when introducing components into app.json or index.json

When using npm i @vant/weapp for installation, you need to use this path when importing components into app.json or index.json (recommended, because it can directly copy documents without changing the import path ~).

4. Implement npm construction in WeChat development tool, and click Build npm inside the tool.

The construction process will take a while, so don't worry.

A miniprogram_npm folder will be generated after the construction.

If it is completed, if there is an error during compilation, just rebuild it.

Please refer to the calendar file.

5: Using vant-weapp Calendar Component

I need the format YYYY-MM-dd to handle the date here.

So I did some processing and judgment on the selected date ~

wxml

Jet research …

json