0
点赞
收藏
分享

微信扫一扫

前端工作总结243-uni-修改添加时间的逻辑

代码小姐 2023-03-14 阅读 40


第一步

<u-form-item label="开始日期" prop="startTime" label-width="150">
<u-input type="select" :select-open="start_time_show" v-model="form.startTime" placeholder="请选择" @click="start_time_show = true"></u-input>
</u-form-item>
<u-form-item label="结束日期" prop="endTime" label-width="150">
<u-input type="select" :select-open="end_time_show" v-model="form.endTime" placeholder="请选择" @click="end_time_show = true"></u-input>
</u-form-item>

第二步

<u-picker mode="time" v-model="start_time_show" :params="params" @confirm="startTimeConfirm"></u-picker>
<u-picker mode="time" v-model="end_time_show" :params="params" @confirm="endTimeConfirm"></u-picker>

第三步

//开始时间
startTimeConfirm(e) {
this.form.startTime = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' +
e.second
},
//结束时间
endTimeConfirm(e) {
this.form.endTime = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' +
e.second
},

举报

相关推荐

0 条评论