当前位置: 首页 > 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/a/233232.html

相关文章:

  • 【JavaEE初阶 — 多线程】死锁的产生原因和解决方法
  • aws-athena查询语句总结
  • MyBatis——增删查改(XML 方式)
  • 大模型时代,呼叫中心的呼入机器人系统如何建设?
  • 深入解析贪心算法及其应用实例
  • 基于微信小程序的乡村研学游平台设计与实现,LW+源码+讲解
  • 跟着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应用程序监控与日志处理方案