This commit is contained in:
SelfRidicule 2024-03-18 11:39:25 +08:00
parent 1b6725cf76
commit 0ab6c3774d
2 changed files with 34 additions and 9 deletions

View File

@ -21,15 +21,27 @@
<view class="labelView"> <view class="labelView">
<view class="leftLineTitle">请选择开始时间</view> <view class="leftLineTitle">请选择开始时间</view>
</view> </view>
<van-datetime-picker type="datetime" value="{{ startTime }}" min-date="{{ minTime }}" max-date="{{ maxTime }}" bind:input="onInputStartTime" bind:confirm="confirmTime" bind:cancel="cancelTime" confirm-button-text="" cancel-button-text="" <view class="labelTimeView">
filter="{{ filterTime }}"/> <view>年</view>
<view>月</view>
<view>日</view>
<view>时</view>
<view>分</view>
</view>
<van-datetime-picker type="datetime" visible-item-count="5" value="{{ startTime }}" min-date="{{ minTime }}" max-date="{{ maxTime }}" bind:input="onInputStartTime" bind:confirm="confirmTime" bind:cancel="cancelTime" confirm-button-text="" cancel-button-text="" filter="{{ filterTime }}" />
<view class="labelView"> <view class="labelView">
<view class="leftLineTitle">请选择结束时间</view> <view class="leftLineTitle">请选择结束时间</view>
<view class="enter" bind:tap="confirmTime">确定</view> <view class="enter" bind:tap="confirmTime">确定</view>
</view> </view>
<van-datetime-picker type="datetime" value="{{ endTime }}" min-date="{{ startTime }}" max-date="{{ endMaxTime }}" bind:input="onInputEndTime" bind:confirm="confirmTime" <view class="labelTimeView">
confirm-button-text="" cancel-button-text="" bind:cancel="cancelTime" filter="{{ filterTime }}"/> <view>年</view>
<view>月</view>
<view>日</view>
<view>时</view>
<view>分</view>
</view>
<van-datetime-picker type="datetime" visible-item-count="4" value="{{ endTime }}" min-date="{{ startTime }}" max-date="{{ endMaxTime }}" bind:input="onInputEndTime" bind:confirm="confirmTime" confirm-button-text="" cancel-button-text="" bind:cancel="cancelTime" filter="{{ filterTime }}" />
</view> </view>
<!-- 消息提示 --> <!-- 消息提示 -->

View File

@ -7,7 +7,7 @@
} }
.itemVIew { .itemVIew {
box-shadow: rgba(153,134,134,0.2) 0px 0px 4px 0px; box-shadow: rgba(153, 134, 134, 0.2) 0px 0px 4px 0px;
padding: 0 20rpx; padding: 0 20rpx;
margin-top: 40rpx; margin-top: 40rpx;
} }
@ -40,7 +40,7 @@
z-index: 0; z-index: 0;
} }
.selfPop{ .selfPop {
position: fixed; position: fixed;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -50,7 +50,7 @@
transition: 1s all; transition: 1s all;
} }
.selfPop .labelView{ .selfPop .labelView {
box-sizing: border-box; box-sizing: border-box;
padding: 20rpx 34rpx 20rpx 20rpx; padding: 20rpx 34rpx 20rpx 20rpx;
background: #f5f7fa; background: #f5f7fa;
@ -59,8 +59,21 @@
align-items: center; align-items: center;
} }
.selfPop .labelView .enter{ .selfPop .labelView .enter {
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #4e96f8; color: #4e96f8;
} }
.selfPop .labelTimeView {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 34rpx;
padding: 20rpx 60rpx;
}
.selfPop .useSpace{
width: 100%;
height: 200rpx;
}