抖音开发者工具 v4.0.0 demo源于官方文档：https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/component/list/picker/

在开发者工具里演示，只有 model=date 日期选择器可以用，其他的弹出菜单后都不能取消和关闭，不解。 有没有遇到一样的问题的？

直接从github下载的别人做好作品,在本地运行也是无法点击picker的取消和关闭的。所以不是个人配置demo的原因。 git: https://github.com/EastWorld/tt-app-mall

代码重新整理，纯官方代码演示了。

      <view class="page-section-title page-section-title-space">普通Object选择器</view>
      <picker bindchange="bindObjectPickerChange" value="{{objectIndex}}" range="{{objectArray}}" range-key="en">
        <view class="picker">
          当前选择：{{objectArray[objectIndex]['en']}}
        </view>
      </picker>

      <view class="page-section-title page-section-title-space">日期选择器</view>
      <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange" fields="year">
        <view class="picker">
          当前选择: {{date}}
        </view>
      </picker>

Page({
  data: {
    objectIndex: 0,//选择下标
    objectArray: [{
      id: 0,
      name: '美国',
      en: 'USA'
    }, {
      id: 1,
      name: '中国',
      en: 'China'
    }, {
      id: 2,
      name: '巴西',
      en: "Brasil"
    }, {
      id: 3,
      name: '日本',
      en: "Japan"
    }],
  },
  bindObjectPickerChange: function (e) {
    console.log('objectIndex', e, e.detail.value);
    this.setData({
      objectIndex: e.detail.value
    });
  },

  bindDateChange: function (e) {
    console.log('bindDateChange', e, e.detail.value);
    this.setData({
      date: e.detail.value
    });
  },
})

日期类型的picker 的事件 bindDateChange能捕获打印，能取消picker菜单。。 对象类型的picker 的事件 bindObjectPickerChange 没有捕获到打印，而且不能取消picker菜单。

字节跳动开发者工具 v3.3.8可以运行正常。 新版的抖音开发者工具v4.0.0 不正常。