<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设置默认赋值时间
基础教程推荐
猜你喜欢
- 详解操作cookie的原生方法cookieStore 2024-03-21
- Vue自学之路2-vue初探 2023-10-08
- vue文档熟读之---深入了解组件 2023-10-08
- 比特币新时代:BRC-20的机遇与风险 2024-02-05
- 解析原生JS getComputedStyle 2022-11-20
- 教你使用css制作出超级炫酷的血轮眼和轮回眼特效 2024-04-03
- 写给小白学习的地理信息的表示法GeoJSON 2023-07-09
- 致命错误:在第29313行的/home/xxxx/public_html/xx/xx/includes/src/__default.php中找不到“Magento_Db_Adapter_Pdo_Mys 2023-10-26
- display:inline的用法 2024-04-01
- 详解一级导航的制作 2024-01-21