当前位置: 首页 > article >正文

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"

            />

封装方法:

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;
};

 


http://www.kler.cn/a/507150.html

相关文章:

  • 正则表达式先入门,精不精通看修行
  • 无公网IP 实现外网访问本地 Docker 部署 Navidrome
  • “飞的”点外卖,科技新潮流来袭
  • 深度学习-87-大模型训练之预训练和微调所用的数据样式
  • 【gin】中间件使用之jwt身份认证和Cors跨域,go案例
  • SpringBoot链接Kafka
  • 2023 Google开发者大会:你了解机器学习的新动向吗?
  • Docker--Docker Container(容器) 之容器实战
  • RocketMQ 学习笔记01
  • 从Arrays源码学习定义工具类
  • sqlalchemy The transaction is active - has not been committed or rolled back.
  • leetcode hot100(2)
  • 【CSS】:nth-child和:nth-of-type
  • 【Elasticsearch】全文搜索与相关性排序
  • SCSSA-BiLSTM基于改进麻雀搜索算法优化双向长短期记忆网络多特征分类预测Matlab实现
  • UI自动化测试框架之PO模式+数据驱动
  • 如何选择合适的服务器?服务器租赁市场趋势分析
  • 【遥感目标检测】【数据集】DOTA:用于航空图像中目标检测的大规模数据集
  • 【深度学习】Pytorch:CUDA 模型训练
  • .net core 中使用AsyncLocal传递变量
  • 【实践功能记录9】使用pnpm打补丁
  • VD:生成a2l文件
  • Lora理解QLoRA
  • iOS - Objective-C 底层中的内存屏障
  • 服务器下发任务镭速利用变量实现高效的大文件传输效率
  • Python人工智能在气象中的应用,包括:天气预测、气候模拟、降雨量和降水预测、气象数据分析、气象预警系统