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
}
结果显示
相关推荐
Z***258021 分钟前
JavaScript在Node.js中的Deno
开发语言·javascript·node.js
weixin79893765432...22 分钟前
Vue + Express + DeepSeek 实现一个简单的对话式 AI 应用
vue.js·人工智能·express
高级程序源35 分钟前
springboot社区医疗中心预约挂号平台app-计算机毕业设计源码16750
java·vue.js·spring boot·mysql·spring·maven·mybatis
cypking1 小时前
Vue 3 + Vite + Router + Pinia + Element Plus + Monorepo + qiankun 构建企业级中后台前端框架
前端·javascript·vue.js
San30.1 小时前
ES6+ 新特性解析:让 JavaScript 开发更优雅高效
开发语言·javascript·es6
雨雨雨雨雨别下啦2 小时前
【从0开始学前端】vue3简介、核心代码、生命周期
前端·vue.js·vue
u***27612 小时前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
星空的资源小屋3 小时前
跨平台下载神器ArrowDL,一网打尽所有资源
javascript·笔记·django
Dorcas_FE3 小时前
【tips】动态el-form-item中校验的注意点
前端·javascript·vue.js
八月ouc3 小时前
解密JavaScript模块化演进:从IIFE到ES Module,深入理解现代前端工程化基石
javascript·es6·模块化·cmd·commonjs·amd·iife