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
}
结果显示
相关推荐
H尗几秒前
Vue3响应式系统的精妙设计:深入理解 depsLength 与 trackId 的协同艺术
前端·vue.js
郑板桥3014 分钟前
TypeScript:npm的types、typings、@type的区别
javascript·typescript·npm
JinSoooo16 分钟前
pnpm monorepo 联调:告别 --global 参数
开发语言·javascript·ecmascript·pnpm
wocwin20 分钟前
解决qiankun微前端Vue2+Element-ui主应用跳转到Vue3+Element-plus子应用样式冲突问题
vue.js
郝学胜-神的一滴1 小时前
Cesium绘制线:从基础到高级技巧
前端·javascript·程序人生·线性代数·算法·矩阵·图形渲染
快乐非自愿2 小时前
Vue 缓存之坑,变量赋值方式和响应式数据
前端·vue.js·缓存
摸着石头过河的石头2 小时前
错误处理:构建健壮的 JavaScript 应用
前端·javascript
Java陈序员3 小时前
免费高颜值!一款跨平台桌面端视频资源播放器!
vue.js·typescript·electron
Asort3 小时前
JavaScript设计模式(十九)——观察者模式 (Observer)
前端·javascript·设计模式
colorFocus3 小时前
vue在页面退出前别忘记做好这些清理工作
前端·vue.js