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

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


 
         

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
        }
        

你可能感兴趣的:(笔记)