<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设置默认赋值时间
猜你喜欢
- 通过position定位实现div底端对齐 2023-12-14
- 用HTML制作一个好看的网页模板 2023-10-27
- js实现文字选中分享功能 2023-12-26
- div footer标签css实现位于页面底部固定 2024-01-06
- Ajax提交Form表单页面仍会刷新问题的快速解决办法 2023-01-26
- js实现背景图片感应鼠标变化的方法 2024-01-03
- Ajax登陆使用Spring Security缓存跳转到登陆前的链接 2023-02-23
- ie8 body overflow hidden 无效的解决方法 2024-02-21
- ajax向服务器端传值出现乱码问题 2022-11-22
- 纯 JS 实现放大缩小拖拽功能(完整代码) 2023-12-26