schoolwisdoms-student-mp/pages/piano/piano.wxml

<view class="container">
  <view class="select-view" bindtap="showSelect">筛选</view>
  <view class="select-box" animation="{{animationBox}}">
    <view class="change-time">
      <view class="select-title">选择时间段:</view>
    <view class="select-date-view">
      <view class="section">
        <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
          <view class="picker">
            {{beginDate}}
          </view>
        </picker>
        <view> 至 </view>
        <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
          <view class="picker">
            {{endDate}}
          </view>
        </picker>
      </view>
    </view>
    </view>
    <view class="search-btn">确定</view>
  </view>
  <view class="select-box-bg" bindtap="showSelect" animation="{{animationBg}}" wx:if="{{yFlag == true}}"></view>
  <view class="height-view"></view>
  <view class="piano-list">
    <view class="piano-box" wx:for="{{list}}" wx:key="index">
      <view class="piano-detail">
        <view class="piano-title">钢琴编号1</view>
        <view class="addr">智慧汉阳校区</view>
        <view class="piano-time">2021-02-20 14:00 ~ 14:45</view>
      </view>
      <view class="piano-date">
        2021-02-02 10:18
      </view>
    </view>
  </view>
  <view class="getPiano">去预约</view>
  <view class="loading">{{loading}}</view>
</view>