element ui组件 el-date-picker设置default-time的默认时间

default-time :选择日期后的默认时间值。 如未指定则默认时间值为 00:00:00

默认值修改
 <el-form-item label="计划开始时间"  style="width: 100%;" prop="planStartTime">
      <el-date-picker v-model="formData.planStartTime" type="datetime" placeholder="计划开始时间" style="width: 100%" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" :default-time='defaultTime(8)'/>
 </el-form-item>

注意:default-time 接受的值必须是时间类型,不能是字符串、数字等类型

js添加事件
const defaultTime = (a) => {
    var now = new Date(); // 获取当前日期和时间
    now.setHours(a); // 设置小时为8(24小时制)
    now.setMinutes(0);
    now.setSeconds(0);
    return now
}
结果显示
相关推荐
hummhumm16 分钟前
第 12 章 - Go语言 方法
java·开发语言·javascript·后端·python·sql·golang
hummhumm16 分钟前
第 8 章 - Go语言 数组与切片
java·开发语言·javascript·python·sql·golang·database
杨荧1 小时前
【JAVA毕业设计】基于Vue和SpringBoot的宠物咖啡馆平台
java·开发语言·jvm·vue.js·spring boot·spring cloud·开源
zhanghaisong_20151 小时前
Caused by: org.attoparser.ParseException:
前端·javascript·html·thymeleaf
南城夏季2 小时前
蓝领招聘二期笔记
前端·javascript·笔记
Huazie2 小时前
来花个几分钟,轻松掌握 Hexo Diversity 主题配置内容
前端·javascript·hexo
NoloveisGod2 小时前
Vue的基础使用
前端·javascript·vue.js
GISer_Jing2 小时前
前端系统设计面试题(二)Javascript\Vue
前端·javascript·vue.js
海上彼尚3 小时前
实现3D热力图
前端·javascript·3d
理想不理想v3 小时前
使用JS实现文件流转换excel?
java·前端·javascript·css·vue.js·spring·面试