<template>
  <el-time-picker
    v-model="defaultTime"
    value-format="HH:mm:ss"
    @change="changeTime"
    placeholder="选择时间">
  </el-time-picker>
</template>
 
<script>
  export default {
    data() {
      return {
        defaultTime: null
      };
    }
    mounted(){
    this.initTime()
  },
  methods: {
    initTime(){
      let date = new Date()
      this.defaultTime = this.formatTime(date.getHours(), date.getMinutes(), date.getSeconds());
    },
    formatTime(hours, minutes, seconds) {
      return `${this.padStart(hours)}:${this.padStart(minutes)}:${this.padStart(seconds)}`;
    },
    padStart(value) {
      return value.toString().padStart(2, '0');
    },
    changeTime(val){
      console.log(val)
    }
  };
</script>
			以上是编程学习网小编为您介绍的“el-time-picker设置默认赋值时间”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
				 沃梦达教程
				
			本文标题为:el-time-picker设置默认赋值时间
				
        
 
            
        基础教程推荐
             猜你喜欢
        
	     - JS前端广告拦截实现原理解析 2024-04-22
 - this[] 指的是什么内容 讨论 2023-11-30
 - CSS3的几个标签速记(推荐) 2024-04-07
 - Ajax实现动态加载数据 2023-02-01
 - 基于Vue制作组织架构树组件 2024-04-08
 - vue离线环境如何安装脚手架vue-cli 2025-01-19
 - 浅析canvas元素的html尺寸和css尺寸对元素视觉的影响 2024-04-26
 - 关于文字内容过长,导致文本内容超出html 标签宽度的解决方法之自动换行 2023-10-28
 - 浅谈Vue2和Vue3的数据响应 2023-10-08
 - js禁止页面刷新与后退的方法 2024-01-08
 
    	
    	
    	
    	
    	
    	
    	
    	
						
						
						
						
						
				
				
				
				