wxml-dateview/dateSelect.wxml at master · modongning/wxml-dateview · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!--pages/dateSelect/dateSelect.wxml-->
<view>
    <view style="position:fixed;top:0;background:#fff;height:112px">
        <view class="layout-flex row" style="padding:15px;font-size:20px">
            <view style="flex:1;border-right:1px solid #eee;" >
                <text style="font-size:16px;color:#999">开始时间</text>
                <view>
                    <text style="color:#ff9c01">{{checkInDate}}</text>
                </view>
            </view>
            <view style="flex:1;text-align:right">
                <text style="font-size:16px;color:#999">结束时间</text>
                <view>
                    <text style="color:#ff9c01">{{checkOutDate}}</text>
                </view>
            </view>
        </view>
        <view class="layout-flex row" style="border-bottom:1px solid #eee;border-top:1px solid #eee;">
            <text class="date-week" style="width:{{systemInfo.windowWidth/7-10}}px;height:20px" wx:for="{{weekStr}}" wx:key="{{index}}" >
                 <text wx:if="{{item !=='日' && item !=='六'}}">{{item}}</text>
                 <text wx:if="{{item ==='日' || item ==='六'}}" class="week">{{item}}</text>
            </text>
        </view>
    </view>
    <view style="margin-top:112px"></view>
    <view wx:for="{{dateList}}" wx:key="{{index}}" wx:for-item="dateItem" style="padding:30rpx 0">
        <view class="date-year-month" style="padding:0 30rpx;font-size:35rpx;">{{dateItem.year}}年{{dateItem.month}}月</view>
        <view class="layout-flex row" style="flex-wrap: wrap;">
            <view
                class="date-day {{item.class}}"
                style="width:{{systemInfo.windowWidth/7-10}}px;height:{{systemInfo.windowWidth/7-10}}px;"
                data-year="{{dateItem.year}}"
                data-month="{{dateItem.month}}"
                data-day="{{item.day}}"
                bindtap="onPressDate"
                wx:for="{{dateItem.days}}" wx:key="{{index}}" >
                {{item.day>0?item.day:''}}
            </view>
        </view>
    </view>
</view>