<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设置默认赋值时间
基础教程推荐
猜你喜欢
- JavaScript Event事件学习第一章 Event介绍 2023-12-14
- 1 Vue - 简介 2023-10-08
- JS实现羊了个羊小游戏实例 2023-12-20
- HTML页面嵌入视频与JS控制切换视频示例详解 2023-12-15
- LocalStorage记住用户和密码功能 2022-09-16
- vue项目修改页面title 2023-10-08
- php – 根据数据库字段创建HTML表单 2023-10-26
- 浅析json与jsonp区别及通过ajax获得json数据后格式的转换 2022-12-18
- css中filter:alpha透明度使用小结兼容IE、火狐 2024-02-07
- CSS属性探秘系列(七):z-index 2023-12-08
