其他分享
首页 > 其他分享> > 前端工作总结243-uni-修改添加时间的逻辑

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

作者:互联网

第一步

<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
            },

标签:form,前端,month,second,243,year,uni,day,minute
来源: https://www.cnblogs.com/yao-655442/p/16701547.html