android日期选择区间控件_vant-weapp使用van-calendar日历组件的选择日期区间功能

1.使用npm安装后没有日历组件"van-calendar"，需要用git clone去下载vant-weapp。

git clone https://github.com/youzan/vant-weapp.git

2.在项目根目录下引入vant-weapp下的dist目录(vant-weapp/dist)。例如，如果我的小程序项目名字叫test，那么此时dist目录的路径就是：test/dist。

3.vant-weapp使用日历组件的选择日期区间功能，在vant-weapp官方文档中相应位置复制粘贴该功能的代码到我的项目文件中。例如：

• test.wxml（ 不要忘记引入”van-cell”组件哦 ! ）

<van-cell title="选择日期区间" value="{
    { date }}" bind:click="onShow" />
<van-calendar
  show="{
    { show }}"
  type="range"
  bind:close="onClose"
  bind:confirm="onConfirm"
/>

• test.js，onConfirm方法需要做一下修改，否则微信开发者工具会报错。

Page({
    
  data: {