前端工作总结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
            },

posted @   前端导师歌谣  阅读(60)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示