web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

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

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

Vue项目如何实现文件上传(附完整代码)

Vue开发中最常用的几种UI组件库

vue语法如何设置el-select默认值

el-tree组件如何添加虚线指示

vue+element-ui表格样式错乱怎么调整

标签: el-time-picker, element-ui

上面是“el-time-picker设置默认赋值时间”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_15818.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > vuejs
本文共计564个字,预计阅读时长4分钟
生活小工具,收录了80多款小工具
上一篇: 推荐一个免费可商用psd文件素材网站——FreePik
下一篇: 一行代码轻松实现优雅的过渡动画插件——AutoAnimate
x 打工人ai神器