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;
};
相关推荐
Dcs2 分钟前
超强推理不止“大”——手把手教你部署 Mistral Small 3.2 24B 大模型
java
袁煦丞9 分钟前
数据库设计神器DrawDB:cpolar内网穿透实验室第595个成功挑战
前端·程序员·远程工作
东阳马生架构13 分钟前
订单初版—1.分布式订单系统的简要设计文档
java
天天扭码17 分钟前
从图片到语音:我是如何用两大模型API打造沉浸式英语学习工具的
前端·人工智能·github
Liudef0618 分钟前
2048小游戏实现
javascript·css·css3
Code blocks37 分钟前
使用Jenkins完成springboot项目快速更新
java·运维·spring boot·后端·jenkins
荔枝吻1 小时前
【沉浸式解决问题】idea开发中mapper类中突然找不到对应实体类
java·intellij-idea·mybatis
snoopyfly~1 小时前
Ubuntu 24.04 LTS 服务器配置:安装 JDK、Nginx、Redis。
java·服务器·ubuntu
挺菜的1 小时前
【算法刷题记录(简单题)003】统计大写字母个数(java代码实现)
java·数据结构·算法
鱼樱前端2 小时前
今天介绍下最新更新的Vite7
前端·vue.js