element 日期时间组件默认显示当前时间

背景:

日期时间组件,默认时间显示当前时间,或者当前时间的第2天:

const _deadline = new Date();

_deadline.setTime(_deadline.getTime() + 24 * 60 * 60 * 1000);

const _str = formatTime(_deadline);//自定义方法,转成"YY-MM-DD hh:mm:ss"形式

绑定这个默认值:

<el-date-picker

v-model="_str"

type="datetime"

placeholder="请选择"

:default-time="state.defaultTime || defaultTime"

value-format="YYYY-MM-DD HH:mm:ss"

:readonly="state.isReadonly || false"

:disabled-date="state.disabledDate"

/>

封装方法:

javascript 复制代码
export const formatTime = (time, format = "YY-MM-DD hh:mm:ss") => {
  const args = {
    y: time.getFullYear(),
    M: time.getMonth() + 1,
    d: time.getDate(),
    h: time.getHours(),
    m: time.getMinutes(),
    s: time.getSeconds(),
  };
  for (const key in args) {
    const value = args[key];
    if (value < 10) args[key] = "0" + value;
  }
  const dateStr =
    args.y +
    "-" +
    args.M +
    "-" +
    args.d +
    " " +
    args.h +
    ":" +
    args.m +
    ":" +
    args.s;
  return dateStr;
};
相关推荐
l1m0_2 分钟前
智能电动自行车管理后台实战:AI生成页面与React组件化技巧
前端·react.js·ui·ai·设计
Patrick_Wilson17 分钟前
为什么gitlab的MR会默认有一个merge commit
前端·git·gitlab
霸道流氓气质23 分钟前
Spring AI 多模态开发指南:图片理解与语音合成
java·人工智能·spring
en.en..27 分钟前
Linux mmap 内存映射深度解析:基于帧缓冲 /dev/fb0
java·服务器·前端
洋不写bug29 分钟前
链表补充练习,双链表的模拟实现
java·数据结构·链表·双链表·底层实现
后台模板学习33 分钟前
用 IM 即时聊天项目一次讲清消息去重算法的踩坑与解决方案
java·数据库·spring
秋名RG35 分钟前
2026/6/15 系统故障复盘与整改方案
java·架构
今天要早睡_37 分钟前
C++ 核心语法速过:命名空间、引用、函数重载与 nullptr 深度解析
android·java·c++
南讯股份Nascent41 分钟前
2026年CRM技术选型观察:当“数据打通“成为第一需求,电商CRM的架构价值在哪里
java·大数据·用户运营
心易行者1 小时前
Python自动化测试7步落地法:用python在线运行省掉90%环境配置时间
java·开发语言·人工智能·python·log4j·ai编程