在这里插入图片描述

 <el-form-item label="结算时间:" prop="datetimerangevalue"><el-date-pickerv-model="datetimerangevalue"value-format="YYYY-MM-DD HH:mm:ss"type="datetimerange"range-separator=""start-placeholder="开始时间"end-placeholder="结束时间" /></el-form-item>
const datetimerangevalue = ref<TypeAny>([])
// 格式化日期函数
const formatDate = (date: Date) => {if (!date) return ''const pad = (n: { toString: () => string }) => n.toString().padStart(2, '0')const year = date.getFullYear()const month = pad(date.getMonth() + 1)const day = pad(date.getDate())const hours = pad(date.getHours())const minutes = pad(date.getMinutes())const seconds = pad(date.getSeconds())return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
}// 计算最近一周
const calculateLastWeek = () => {const now = new Date()const endDate = new Date(now)// 从零点到12点开始算起// endDate.setHours(23, 59, 59, 999)const startDate = new Date(now)startDate.setDate(now.getDate() - 6)// startDate.setHours(0, 0, 0, 0)datetimerangevalue.value = [ formatDate(startDate) , formatDate(endDate) ]return [startDate, endDate]
}
// 监听变化
watch(datetimerangevalue, newVal => {if (newVal && newVal.length === 2) {formModel.select_start_time = String(newVal[0]) formModel.select_end_time = String(newVal[1]) } else {formModel.select_start_time = ''formModel.select_end_time = ''}
})// 组件挂载时设置默认日期
onMounted(() => {const dateRange = calculateLastWeek()// 直接设置表单值formModel.select_start_time = formatDate(dateRange[0])formModel.select_end_time = formatDate(dateRange[1])getData()})

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/pingmian/88317.shtml
繁体地址,请注明出处:http://hk.pswp.cn/pingmian/88317.shtml
英文地址,请注明出处:http://en.pswp.cn/pingmian/88317.shtml

如若内容造成侵权/违法违规/事实不符,请联系英文站点网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SQLAlchemy数据库连接密码特殊字符处理完全指南

引言 在使用SQLAlchemy连接数据库时&#xff0c;我们通常使用URL格式指定连接信息&#xff0c;如mysqlpymysql://user:passwordhost:port/database。然而&#xff0c;当密码中包含特殊字符&#xff08;如、#、$、!等&#xff09;时&#xff0c;会导致URL解析错误&#xff0c;进…

1.4 ARM安全参考架构(PSA Certified)

目录1.4.1 PSA Certified概述1.4.2 PSA认证级别详解1.4.3 PSA与TF-A的关系1.4.4 PSA安全模型实现信任根(RoT)架构关键安全服务&#xff1a;1.4.5 认证流程实践1.4.6 典型应用案例参考资料1.4.1 PSA Certified概述 ARM Platform Security Architecture (PSA) Certified 是一套完…

企业网络安全的“金字塔”策略:构建全方位防护体系的核心思路

在数字化转型的浪潮中&#xff0c;企业的网络安全已从单一的防护措施&#xff0c;发展成为多层次、全方位的安全体系。如何精准应对日益复杂的网络威胁&#xff0c;成为众多企业关注的焦点。本文将分享企业构建高效安全防护“金字塔”的核心思路。一、从“排查隐患”到“主动防…

爬虫-request模块使用

1.使用和安装2.代码测试打印返回的内容&#xff0c;默认是请求体中的标识.text 是打印源代码设置一下编码

HTML + CSS + JavaScript

目录 1 HTML HTML 文件基本结构 HTML 开发工具 HTML 常见标签 标题标签&#xff1a;h1 - h6 段落标签&#xff1a;p 换行标签&#xff1a;br 图片标签&#xff1a;img 超链接标签&#xff1a;a 表格标签 表单标签 form 标签 input 标签 select 标签 textarea 标…

Java 与 MySQL 性能优化:MySQL连接池参数优化与性能提升

文章目录引言一、连接池的基本概念与作用二、关键连接参数详解2.1 max_connections2.2 wait_timeout2.3 interactive_timeout2.4 connect_timeout2.5 thread_cache_size三、连接池参数不合理导致的性能问题3.1 连接耗尽3.2 响应变慢3.3 连接失效3.4 资源浪费四、连接池参数优化…

浪潮CD1000-移动云电脑-RK3528芯片-2+32G-开启ADB ROOT破解教程

浪潮CD1000-移动云电脑-RK3528芯片-232G-安卓9-开启ADB ROOT破解教程破解教程&#xff1a;1.先下载好开心电视助手&#xff08;下载地址及其他版本&#xff1a;【工具大全】-【开心电视助手3.8&#xff0f;4.0&#xff0f;4.6&#xff0f;6.0&#xff0f;6.2&#xff0f;6.3&am…

【网络编程】简易的 p2p 模型,实现两台虚拟机之间的简单点对点通信,并以小见大观察 TCP 协议的具体运行

文章目录基本概念业务拆解代码实现准备工作实现被动的功能——多线程指针函数实现主动的功能——用户选择界面主函数代码执行效果意外收获总结推荐一个零声教育学习教程&#xff0c;个人觉得老师讲得不错&#xff0c;分享给大家&#xff1a;[Linux&#xff0c;Nginx&#xff0c…

react状态管理库 - zustand

什么是zustand&#xff1f; zustand 是一个轻量级、快速且可扩展的 React 状态管理库&#xff0c;旨在提供一种简单直接的方式来管理应用状态&#xff0c;而无需其他解决方案通常伴随的繁琐代码。根据官方 Zustand 文档&#xff0c;Zustand 是“一个使用简化 flux 原理的小型、…

粗排样本架构升级:融合LTR特征提升模型性能的技术实践

粗排样本架构升级&#xff1a;融合LTR特征提升模型性能的技术实践 ——基于PySpark的样本构建与特征工程深度解析 一、粗排系统的定位与技术演进 在推荐系统级联架构中&#xff0c;​粗排&#xff08;Rough Ranking&#xff09;​​ 承担着关键过渡角色&#xff1a;从召回层获…

CCF-GESP 等级考试 2025年6月认证C++四级真题解析

1 单选题&#xff08;每题 2 分&#xff0c;共 30 分&#xff09;第1题 在C中&#xff0c;声明一个指向整型变量的指针的正确语法是&#xff08; &#xff09;。A. int* ptr; B. *int ptr; C. int ptr*; D. ptr …

PlantUML 在 IDEA 中文版中的安装与使用指南

目录 摘要 一、安装 PlantUML 插件 二、配置 PlantUML 运行环境 三、创建 PlantUML 文件 四、编写 PlantUML 代码 五、生成并查看图表 六、自动生成类图&#xff08;重点新增&#xff09; 6.1 从 Java 类生成类图 6.2 类图语法详解 6.3 类图高级技巧 七、常见问题及…

创客匠人:创始人 IP 打造中 “放下身段” 的深层逻辑

在 IP 经济火热的当下&#xff0c;无数创始人投身 IP 打造&#xff0c;却鲜少有人意识到&#xff1a;真正能实现 IP 变现的核心&#xff0c;并非专业知识的堆砌&#xff0c;而是与用户建立 “可交往” 的连接。创客匠人通过多年服务 IP 的实践发现&#xff0c;那些穿越周期的创…

C语言<数据结构-链表>

链表是一种常见且重要的数据结构&#xff0c;在 C 语言中&#xff0c;它通过指针将一系列的节点连接起来&#xff0c;每个节点可以存储不同类型的数据。相比数组&#xff0c;链表在插入和删除元素时不需要移动大量数据&#xff0c;具有更好的灵活性&#xff0c;尤其适合处理动态…

基于Matlab多特征融合的可视化指纹识别系统

针对中小规模&#xff08;百级&#xff09;指纹模板库中常见的脊线断裂、噪声干扰以及结果缺乏可解释性等难点&#xff0c;本文提出并实现了一种基于多特征融合的可视化指纹识别系统。系统整体采用模块化设计&#xff1a;在预处理阶段&#xff0c;先通过改进的灰度归一化与局部…

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | DoubleVerticalSlider(双垂直滑块)

&#x1f4c5; 我们继续 50 个小项目挑战&#xff01;—— DoubleVerticalSlider组件 仓库地址&#xff1a;https://github.com/SunACong/50-vue-projects 项目预览地址&#xff1a;https://50-vue-projects.vercel.app/ 使用 Vue 3 的 Composition API&#xff08;<scrip…

mysql join语句、全表扫描 执行优化与访问冷数据对内存命中率的影响

文章目录join执行逻辑Index Nested_Loop Join&#xff08;NLJ&#xff09;MMR(Mutli-Range Read) 优化BKA(Batched Key Access)算法Simple Nested_Loop JoinBlock Nested-Loop Join&#xff08;BLJ&#xff09;join buffer 一次放不下 驱动表join buffer优化的影响&#xff1a;…

【LeetCode100】--- 1.两数之和【复习回滚】

题目传送门 解法一&#xff1a;暴力枚举&#xff08;也是最容易想到的&#xff09; class Solution {public int[] twoSum(int[] nums, int target) {int n nums.length;for(int i 0; i < n; i){for(int j i1; j<n; j){if(nums[i] nums[j] target){return new int…

opencv提取png线段

import cv2 import matplotlib.pyplot as plt import numpy as np# 读取图像 image cv2.imread(./data/1.png) if image is None:print("无法读取图像文件") else:# 转换为灰度图像gray cv2.cvtColor(image, cv2.COLOR_BGR2GRAY)# 使用Canny边缘检测edges cv2.Can…

计算机网络:概述层---计算机网络概念解析

计算机网络的概念详解 &#x1f4c5; 更新时间&#xff1a;2025年07月6日 &#x1f3f7;️ 标签&#xff1a;计算机网络 | 网络基础 | 互联网 | TCP/IP | 路由器 文章目录前言一、计算机网络的发展历程二、什么是计算机网络&#xff1f;1. 计算机网络的基本功能2. 计算机网络的…