form: { {{_object}}: "", }, {{_object}}_show: false, {{_object}}_now: "",
{{_object}}_confirm(e) { this.form.{{_object}} = e.value this.{{_object}}_show = false }
<view class="row"> <view class="font-30">时间</view> <view class="flex" @click="{{_object}}_show = true"> <view class="disabled"> <input v-model="form.{{_object}}" placeholder="请选择时间" style="text-align: right;" disabled /> </view> <u-icon name="arrow-right"></u-icon> </view> </view> <u-datetime-picker :show="{{_object}}_show" v-model="{{_object}}_now" mode="time" @confirm="{{_object}}_confirm" @cancel="{{_object}}_show = false"></u-datetime-picker>
.row { display: flex; justify-content: space-between; align-items: center; padding: 0 35rpx; width: 100%; height: 100rpx; border-bottom: 1rpx solid #eee; box-sizing: border-box; } .disabled { pointer-events: none; width: 100%; }