form: { {{_object}}: "", }, {{_object}}_show: false, {{_object}}_now: Number(new Date()),
{{_object}}_confirm(e) { this.form.{{_object}} = this.formatting_timestamp(e.value) this.{{_object}}_show = false }, formatting_timestamp(res) { let e = new Date(res) let YY = e.getFullYear() let MM = String(e.getMonth() + 1).padStart(2, "0") let DD = String(e.getDate()).padStart(2, "0") let hh = String(e.getHours()).padStart(2, "0") let mm = String(e.getMinutes()).padStart(2, "0") return `${YY}-${MM}-${DD} ${hh}:${mm}` }
<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="datetime" @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%; }