php/www/webapp/o2o/tpl/common/dataPicker.html

<div class="box box-container box-align-end">
	<div class="picker-body">
    <div class="picker-day-box">
      <!-- <a href="javascript:;" class="arrow arrow-left"></a> -->
      <div class=" picker-day">
          <ul class="row">
              {{ each columns.columnDay as option i }}
              {{if option.selected}}
                  <li class="col-md-3 day {{ if option.selectIndex > -1 }} on {{ /if}}" data-value="{{ option.value }}">
                      <span>{{ option.day }}</span><br><small>{{ option.text }}</small>
                  </li>
              {{else}}
                  <li class="col-md-3 day {{ if i == 0 }} on {{ /if}}" data-value="{{ option.value }}">
                      <span>{{ option.day }}</span><br><small>{{ option.text }}</small>
                  </li>
              {{/if}}
              {{ /each }}
          </ul>
      </div>
      <!-- <a href="javascript:;" class="arrow arrow-right"></a> -->
    </div>
    <div class="container picker-time">
      <ul class="row">
        {{ each columns.columnTime as option i }}
        {{ if option.num > option.now }}
          <li class="col-md-3 j-book-time {{ if option.selectIndex > -1 }} on {{ /if}} {{ if option.num - option.now <= 4 || (option.now > 18 || option.now < 9 && option.num <= 12) }} current {{ /if }}" data-value="{{ option.value }}" data-time="{{ option.min }}" data-now="{{ option.now }}">
              <a href="javascript:;" class="time">
                  <span class="num">{{ option.text }}</span>
                  <span class="disable">不可预约</span>
                  <span class="able">预约</span>
              </a>
          </li>
        {{ /if }}
        {{ /each }}
      </ul>
      <ul class="row hide">
        {{ each columns.columnTime as option i }}
        <li class="col-md-3 j-book-time {{ if option.selectIndex > -1 }} on {{ /if}} {{ if option.now >= 18 && option.num < 12 }} current {{ else if option.now >= 19 && option.num <= 12 }} current {{ /if }}" data-value="{{ option.value }}" data-time="{{ option.min }}">
          <a href="javascript:;" class="time">
            <span class="num">{{ option.text }}</span>
            <span class="disable">不可预约</span>
            <span class="able">预约</span>
          </a>
        </li>
        {{ /each }}
      </ul>
      <ul class="row hide">
        {{ each columns.columnTime as option i }}
        <li class="col-md-3 j-book-time {{ if option.selectIndex > -1 }} on {{ /if}}" data-value="{{ option.value }}">
          <a href="javascript:;" class="time">
            <span class="num">{{ option.text }}</span>
            <span class="disable">不可预约</span>
            <span class="able">预约</span>
          </a>
        </li>
        {{ /each }}
      </ul>
      <ul class="row hide">
        {{ each columns.columnTime as option i }}
        <li class="col-md-3 j-book-time {{ if option.selectIndex > -1 }} on {{ /if}}" data-value="{{ option.value }}">
          <a href="javascript:;" class="time">
            <span class="num">{{ option.text }}</span>
            <span class="disable">不可预约</span>
            <span class="able">预约</span>
          </a>
        </li>
        {{ /each }}
      </ul>
      <ul class="row hide">
        {{ each columns.columnTime as option i }}
        <li class="col-md-3 j-book-time {{ if option.selectIndex > -1 }} on {{ /if}}" data-value="{{ option.value }}">
          <a href="javascript:;" class="time">
            <span class="num">{{ option.text }}</span>
            <span class="disable">不可预约</span>
            <span class="able">预约</span>
          </a>
        </li>
        {{ /each }}
      </ul>
      <ul class="row hide">
        {{ each columns.columnTime as option i }}
        <li class="col-md-3 j-book-time {{ if option.selectIndex > -1 }} on {{ /if}}" data-value="{{ option.value }}">
          <a href="javascript:;" class="time">
            <span class="num">{{ option.text }}</span>
            <span class="disable">不可预约</span>
            <span class="able">预约</span>
          </a>
        </li>
        {{ /each }}
      </ul>
      <ul class="row hide">
        {{ each columns.columnTime as option i }}
        <li class="col-md-3 j-book-time {{ if option.selectIndex > -1 }} on {{ /if}}" data-value="{{ option.value }}">
          <a href="javascript:;" class="time">
            <span class="num">{{ option.text }}</span>
            <span class="disable">不可预约</span>
            <span class="able">预约</span>
          </a>
        </li>
        {{ /each }}
      </ul>
      <ul class="row hide">
        {{ each columns.columnTime as option i }}
        <li class="col-md-3 j-book-time {{ if option.selectIndex > -1 }} on {{ /if}}" data-value="{{ option.value }}">
          <a href="javascript:;" class="time">
            <span class="num">{{ option.text }}</span>
            <span class="disable">不可预约</span>
            <span class="able">预约</span>
          </a>
        </li>
        {{ /each }}
      </ul>
      <ul class="row hide">
        {{ each columns.columnTime as option i }}
        <li class="col-md-3 j-book-time {{ if option.selectIndex > -1 }} on {{ /if}}" data-value="{{ option.value }}">
          <a href="javascript:;" class="time">
            <span class="num">{{ option.text }}</span>
            <span class="disable">不可预约</span>
            <span class="able">预约</span>
          </a>
        </li>
        {{ /each }}
      </ul>
    </div>
	</div>
</div>