el-time-picker设置默认赋值时间

2024年08月20日建站教程

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

本文链接：http://so.lmcjl.com/news/11262/

展开阅读全文

上一篇：python撤销按什么（python中的撤销在哪）下一篇：mysql rolling back数据回滚管理

相关内容

1.reactjs项目中如何屏蔽浏览器右键事件

2.reactjs如何做一个五星评价功能

3.reactjs如何实现列表可拖动排序

4.react安装成功运行项目报错怎么办

5.react如何实现滚动条（全部代码）

6.react路由跳转方式与路由前进回退代码介绍

7.react如何利用addEventListener监听关闭Modal弹框

8.react跳转到新页面的实现代码