court-mobile/pages/competition/index.wxml

<mobile-main frameStyle="{{frameStyle}}" bind:back="back">
  <view slot="info" class="main" style="height:{{infoHeight}}px;">
    <view class="page">
      <form bindsubmit="onSubmit">
        <view class="content">
          <view class="page1"><text>比赛名称</text></view>
          <view class="input">
            <input name="name" value="{{form.name}}" placeholder="请输入比赛名称"></input>
          </view>
        </view>
        <view class="content">
          <view class="page1"><text>时间</text></view>
          <view class="picker_group">
            <picker mode="date" value="{{date}}" end="{{date2}}" bindchange="bindDateChange">
              <view class="picker">
                {{date}}
              </view>
            </picker>
            <text>—</text>
            <picker mode="date" value="{{date2}}" start="{{date}}" end="2080-01-01" bindchange="bindDateChange2">
              <view class="picker">
                {{date2}}
              </view>
            </picker>
          </view>
        </view>
        <view class="content">
            <view class="page1">单场时间</view>
            <view class="picker_groups">
            <picker mode="date" value="{{singledate}}" start="2018-09-01" end="2150-09-01" bindchange="bindDateChange3">
              <view class="picker">
                {{singledate}}
              </view>
            </picker>
            <picker mode="time" value="{{time}}" start="00:00" end="24:00" bindchange="bindTimeChange">
              <view class="picker2">
                {{time}}
              </view>
            </picker>
          </view>
        </view>
        <view class="content ">
          <view class="page1"><text>地点</text></view>
          <view class="input">
            <input name="address" value="{{form.address}}" placeholder="请输入地点"></input>
          </view>
        </view>
        <view class="contentb contents">
          <view class="multone">
            <view class="mult1">
              <view class="mult">选择赛制</view>
              <picker mode="multiSelector" bindchange="szChange" bindcolumnchange="columnChange" value="{{szValue}}" range="{{valueList}}">
                <view class="mults">{{szValue.length>0?szValue:'请选择'}}</view>
              </picker>
            </view>
          </view>
        </view>
        <view class="contentb">
          <view class="multone">
            <view class="mult2" wx:for="{{szList}}" wx:key="item">
              <view class="mult00">赛制</view>
              <view class="mult88">
                <text>{{item.type}}-{{item.name}}</text>
                <text class=" icon iconfont icon-jianhao" bindtap="toDel" data-index="{{index}}"></text>
              </view>
            </view>
          </view>
        </view>
        <view class="team">
          <view class="two">
            <button class="button" size="mini" form-type="submit">创建比赛</button>
          </view>
        </view>
      </form>
    </view>
  </view>
</mobile-main>