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;
};
相关推荐
Hilaku几秒前
技术好就能升职是前端圈最大的谎言!
前端·javascript·程序员
lhldsg2 分钟前
树洞倾诉的核心需求与产品定位误区
java·前端·小程序
Freak嵌入式10 分钟前
MicroPython+Pico 接收空闲中断和发送空闲中断全实战
java·开发语言·stm32·单片机·嵌入式硬件
光影少年14 分钟前
react navite高频手写/实操题
前端·javascript·react native·react.js·前端框架
计算机毕设定制辅导-无忧学长24 分钟前
《基于SpringBoot的图书管理系统设计与实现》
java·spring boot·后端
小蒜学长24 分钟前
借助于大模型工具Cursor的中药材交易系统的设计与实现(代码+数据库+LW)
java·数据库·spring boot·后端
Arvin62725 分钟前
SonarQube 扫描 Maven 项目编译错误
java·maven·sonar
hunterandroid28 分钟前
HarmonyOS 弱网与离线优先架构实战:请求队列、本地缓存与增量同步
前端·前端框架
lhldsg32 分钟前
宠物同城领养平台开发实战:从需求分析到上线部署指南
java·前端·小程序·需求分析·宠物
hunterandroid32 分钟前
Android 内存泄漏排查实战:从 LeakCanary 报警到根因定位
android·前端