vant组件时间选择器修改时间格式以及默认展示当天时间

vant的时间控件默认展示当天时间

<van-field
                      readonly
                      required
                      clickable
                      label=“时间事项"
                     :value="mattertimeValue"
                     placeholder=“选择时间"
                     :rules="[{required:true,trigger:‘onSubmit’,message:’请选择事项时间'}]"
                     @click="showmattertime=true"
 />
 <van-popup v-model="showmattertime" round position="bottom">
         <van-datetime-picker
                    v-model=“currentDate"
                    type="date"
                    title=“选择年月日"
                   :min-date="minDate"
                   :max-date=“maxDate"
                   @cancel="showmattertime=false"
                   @confirm="mattertimeConfirm"
/>
</van-popup>
data(){
      return{
               maxDate:new Date() // 不写具体的时间表示最大为当天
               minDate:new Date(1990,0,1)
      }
}
// 取当天时间,并将值绑定页面就会是当天的默认值
 getnewDate(){
            let nowdata=new Date();
            let year=nowdata.getFullYear();
            let month=nowdata.getMonth()+1;
            let date=nowdata.getDate();
            let nowtime=year+"-";
            if(month<10){
                nowtime+="0"
            };
            nowtime+=month+"-";
            if(date<10){
                nowtime+="0"
            };
            nowtime+=date;
            // this.mattertimeValue是组件:value绑定的值
            this.mattertimeValue=nowtime
        },
        
        // 时间下拉选择事件
        mattertimeConfirm(time){
            let nowdata=new Date();
            let year=nowdata.getFullYear();
            let month=nowdata.getMonth()+1;
            let date=nowdata.getDate();
            let clock=year+"-";
            if(month<10){
                clock+="0"
            };
            clock+=month+"-";
            if(date<10){
                clock+="0"
            };
            clock+=date;
             // this.mattertimeValue是组件:value绑定的值
             // this.showmattertime是组件@cancel和click和v-model绑定的值
            this.mattertimeValue=clock;
            this.showmattertime=false
        }
        
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

代码De搬运工

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值