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

vue3 elementplus DateTimePicker 日期时间设置默认时间为当天

DateTimePicker里面有个自带属性 可以实现这个需求,如图:
在这里插入图片描述

// 设置当前当天时间范围 00: 00: 00 - 23:59:59
const currentDate = [setDefaultDate(0), setDefaultDate(1)]

const setDefaultDate = (
  type:number
): string => {
  let t = '';
  let date = new Date();
  let dateMap = {
    year: date.getFullYear(),
    month: date.getMonth() + 1,
    day: date.getDate(),
  };

  let month = dateMap.month >= 10 ? dateMap.month : "0" + dateMap.month
  let day = dateMap.day >= 10 ? dateMap.day : "0" + dateMap.day
  //当天默认初始时间 00:00:00
  if (type === 0) {
    t = date.getFullYear() + "-" + month + "-" + day + ' '+ '00' + ':'+ '00' +':'+ '00';
  }

  //当天默认初始时间 23:59:59
  if (type === 1) {
    t = date.getFullYear() + "-" + month + "-" + day + ' '+ '23' + ':'+ '59' +':'+ '59';
  }
  return t;
};

http://www.kler.cn/news/233232.html

相关文章:

  • 跟着cherno手搓游戏引擎【22】CameraController、Resize
  • WordPress突然后台无法管理问题
  • GPT-3 训练自己的数据教程详解
  • 常用数字处理格式校验
  • 【C++跬步积累】—— 构造函数+析构函数
  • ARM交叉编译搭建SSH
  • 【网络攻防】网络攻防综合题-期末重点
  • Select 选择器 el-option 回显错误 value
  • 《Django+React前后端分离项目开发实战:爱计划》 03 理解项目结构
  • 第64讲个人中心用户操作菜单实现
  • Linux开发:PAM2 配置文件
  • 基础算法-高精度加法
  • 【jQuery——详细讲解】
  • linux系统Tomcat目录介绍
  • 深入理解java之多线程(一)
  • RocketMQ(二):领域模型(生产者、消费者)
  • Mac电脑如何通过终端隐藏应用程序?
  • 鸿蒙 WiFi 连接 流程
  • AI大模型开发架构设计(9)——AI 编程架构刨析和业务应用实战案例
  • 【Java万花筒】实时洞察与智能分析:构建成熟的Java应用程序监控与日志处理方案
  • 深度学习的进展及其在各领域的应用
  • C++的多态(Polymorphism)
  • 电商小程序02数据源设计
  • 在Visual Studio中引用和链接OpenSceneGraph (OSG) 库
  • Blazor Wasm 身份验证和授权之 OpenID 与 OAuth2
  • springboot169基于vue的工厂车间管理系统的设计
  • 【OpenCV入门讲解——超详细】
  • 【Spring】Bean 的生命周期
  • 江科大STM32 终
  • 瑞芯微推理RKNN使用