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
}
结果显示
相关推荐
Highcharts.js17 分钟前
React 中原生支持使用 JSX 组件配置自定义表格 Highcharts Grid
前端·javascript·react.js·前端框架·jsx·highcharts·自定义表格
Java后端的Ai之路23 分钟前
【AIAgent开发】-Agent工具封装成CLI(纯干货!!!)
java·javascript·人工智能·agent·cli
薛定谔的猫-菜鸟程序员41 分钟前
Electron开发超详细教程(从入门到放弃)
前端·javascript·electron
小郎君6582 小时前
Vue 多标签页的加载态设计:为什么我没有用 Suspense 实现 PageLoading
vue.js·算法
htzyl2062 小时前
前端阶梯——第四十三章、实战二:待办清单To-Do
前端·javascript·html
yilaisai2 小时前
前端开发遇到的一些细节问题整理
vue.js
程序员大阳2 小时前
HTML+CSS+JS对话式实战(1)-开篇:认识我们要做的社团活动发布平台
javascript·css·html·实战·系统·平台·社团活动发布
速易达网络2 小时前
Three.js 动画入门教学:从场景搭建到流畅动效
开发语言·javascript·ecmascript
Hilaku3 小时前
CORS 到底在保护谁?90% 的前端理解错了跨域的本质
前端·javascript·程序员