<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设置默认赋值时间


基础教程推荐
猜你喜欢
- vue文章下载功能实现 2023-10-08
- CSS网页布局入门教程13:下拉及多级弹出式菜单 2023-12-12
- Vue.js的指令修饰符如何使用? 2025-01-11
- Vue如何做组件化开发 2025-01-11
- JavaScript实现限时秒杀功能 2023-12-01
- Unicode中的CJK(中日韩统一表意文字)字符小结 2022-09-21
- JS函数验证总结(方便js客户端输入验证) 2023-12-18
- javaScript 删除字符串空格多种方法小结 2023-12-21
- Vue引入CreateJS 2023-10-08
- Selenium+Python 自动化操控登录界面实例(有简单验证码图片校验) 2023-12-28