<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>
element-ui时间选择器el-date-picker默认当前时间至7天之前时间
上面是“el-time-picker设置默认赋值时间”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_15818.html
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

一款免费开源的 Vue3 加载动画组件——Epic Spinners
如何利用Swoole语法取消定时任务
AdsTurbo官网使用入口,Sora 2提供技术支持的AI视频广告生成工具
Qianfan-VL:百度智能云千帆企业级视觉理解大模型,赋能多模态场景落地 













