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

elementplus DateTimePicker 日期范围选择器 设置默认时间范围为当前月的起始时间到结束时间

在这里插入图片描述
在这里插入图片描述
代码如下:

<el-date-pickerv-model="value"type="datetimerange"start-placeholder="Start Date"end-placeholder="End Date":default-time="defaultTime"
/>
const defaultTime: [Date, Date] = [new Date(2000, 1, 1, 12, 0, 0),new Date(2000, 2, 1, 8, 0, 0),
] // '12:00:00', '08:00:00'

获取当前月的起始 结束日期

const getCurrentDate = ():Array<string> =>{let currentTimeRange = [] as Array<string>;const currentDate = new Date();// 获取当前月份const currentMonth = currentDate.getMonth() + 1; // 月份从 0 开始,所以需要加 1// 获取当前月份的起始时间const startTime = `${currentDate.getFullYear()}-${currentMonth.toString().padStart(2, '0')}-01 00:00:00`;// 获取当前月份的终止时间const lastDay = new Date(currentDate.getFullYear(),currentMonth,0).getDate();const endTime = `${currentDate.getFullYear()}-${currentMonth.toString().padStart(2, '0')}-${lastDay.toString().padStart(2, '0')} 23:59:59`;currentTimeRange = [startTime,endTime]//返回当前月的起始 结束日期return currentTimeRange
}

相关文章:

  • pytorch下载离线包的网址
  • 设置指定时间之前的时间不可选
  • kubernetes测试部署一个nginx
  • 【自学记录】深度学习进阶:自然语言处理(第一章 神经网络的复习)
  • Linux 启动停止重启jar包shell脚本
  • 【2023云栖】陈守元:阿里云开源大数据产品年度发布
  • 【数据库】你听说过矢量数据库吗?
  • 机器学习算法——集成学习
  • Vue项目Jenkins自动化部署
  • Golang中读写CSV文件的全面指南
  • 鸿蒙原生应用/元服务开发-AGC分发如何编译打包应用
  • qt和window抓包程序
  • RK3588产测软件介绍
  • kafka原理看这一篇就够了
  • 【经验分享】Ubuntu如何设置swap交换
  • 【技术性】Search知识
  • 【许晓笛】 EOS 智能合约案例解析(3)
  • Android系统模拟器绘制实现概述
  • angular2 简述
  • angular学习第一篇-----环境搭建
  • const let
  • Docker 1.12实践:Docker Service、Stack与分布式应用捆绑包
  • Flannel解读
  • JS题目及答案整理
  • Laravel深入学习6 - 应用体系结构:解耦事件处理器
  • Linux后台研发超实用命令总结
  • log4j2输出到kafka
  • php面试题 汇集2
  • weex踩坑之旅第一弹 ~ 搭建具有入口文件的weex脚手架
  • 从地狱到天堂,Node 回调向 async/await 转变
  • 服务器之间,相同帐号,实现免密钥登录
  • 关于字符编码你应该知道的事情
  • 经典排序算法及其 Java 实现
  • 前端工程化(Gulp、Webpack)-webpack
  • 温故知新之javascript面向对象
  • mysql 慢查询分析工具:pt-query-digest 在mac 上的安装使用 ...
  • PostgreSQL 快速给指定表每个字段创建索引 - 1
  • 京东物流联手山西图灵打造智能供应链,让阅读更有趣 ...
  • #etcd#安装时出错
  • (02)Hive SQL编译成MapReduce任务的过程
  • (12)Linux 常见的三种进程状态
  • (AtCoder Beginner Contest 340) -- F - S = 1 -- 题解
  • (ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY)讲解
  • (分布式缓存)Redis持久化
  • (三) diretfbrc详解
  • (转)Sublime Text3配置Lua运行环境
  • (转)大道至简,职场上做人做事做管理
  • (转)德国人的记事本
  • (转载)虚函数剖析
  • .net core 6 集成 elasticsearch 并 使用分词器
  • .NET 使用 JustAssembly 比较两个不同版本程序集的 API 变化
  • .NET6使用MiniExcel根据数据源横向导出头部标题及数据
  • .net安装_还在用第三方安装.NET?Win10自带.NET3.5安装
  • :not(:first-child)和:not(:last-child)的用法
  • ??在JSP中,java和JavaScript如何交互?