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

el-date-picker日期时间插件只允许选择年月日小时并做可选择范围限制（精确到小时的范围）

news 文章来源：https://blog.csdn.net/qq_41149508/article/details/135105732 2024/11/17 3:03:26

一、首先明确下这个需求

1、要求只能选择年月日时，不要分钟和秒
2、根据后台返回的开始时间和天数设置可选择的开始时间和结束时间范围（包含小时）比如后台返回的开始时间是2023-12-20 13:24:30，天数365天，那么我们需要限制当前可选日期为2023-12-20 14时（不能选小于13:24:30的） 截止日期为 2024-12-18 13时
3、虽然页面选择的是年月日小时，但是传给后台的还需要年月日时分秒，需要自动拼接00:00，比如选择了2023-12-21 14，那么拼接成2023-12-21 14:00:00

二、理解需求了开始开发

首先el-date-picker没有明确的属性和方法可以取消分钟和秒，只能先用value-format="yyyy-MM-dd HH" format="yyyy-MM-dd HH"来只获取年月日小时，但是这样会展示出年月日时分，只能把分钟隐藏掉，最简单的办法是通过css设置.el-time-spinner__wrapper{width:100%}但是这样就会全局修改插件影响插件在别的模块的使用，查过很多方法无论是用::v-deep还是先自定义个calss都无法生效,
只能通过 document.getElementsByClassName('el-time-spinner')[0].children[1].style.display = "none";//隐藏分钟
整体代码如下，需要注意点会在后面详细说明

<template><div style&

相关文章：

el-date-picker日期时间插件只允许选择年月日小时并做可选择范围限制（精确到小时的范围）

一、首先明确下这个需求 1、要求只能选择年月日时，不要分钟和秒 2、根据后台返回的开始时间和天数设置可选择的开始时间和结束时间范围（包含小时）比如后台返回的开始时间是2023-12-20 13:24:30，天数365天，那么我们需要限制当前可选日期为2023-12-20 14时（不能选小于13:2…...

编程日记 2023/12/22 23:10:18

在MongoDB中使用数组字段和子文档字段进行索引

本文主要介绍在MongoDB使用数组字段和子文档字段进行索引。 目录 MongoDB的高级索引一、索引数组字段二、索引子文档字段 MongoDB的高级索引 MongoDB是一个面向文档的NoSQL数据库&#xff0c;它提供了丰富的索引功能来加快查询性能。除了常规的单字段索引之外&#xff0c;Mong…...

编程日记 2023/12/22 23:08:16

＜JavaEE＞ 网络编程 -- 网络编程和 Socket 套接字

目录 一、网络编程的概念 1&#xff09;什么是网络编程&#xff1f; 2&#xff09;网络编程中的基本概念 1> 收发端 2> 请求和响应 3> 客户端和服务端 二、Socket套接字 1&#xff09;什么是“套接字”&#xff1f; 2&#xff09;Socket套接字的概念 3&…...

编程日记 2023/12/22 23:07:15

【计算机系统结构实验】实验2 流水线中的冲突实验

2.1 实验目的 加深对计算机流水线基本概念的理解&#xff1b; 理解MIPS结构如何用5段流水线来实现&#xff0c;理解各段的功能和基本操作&#xff1b; 加深对结构冲突/数据冲突/控制冲突的理解&#xff1b; 进一步理解解决数据冲突的方法&#xff0c;掌握如何应用定向技术来…...

编程日记 2023/12/22 23:06:14

conda环境下执行conda命令提示无法识别解决方案

1 问题描述 win10环境命令行执行conda命令&#xff0c;报命令无法识别&#xff0c;错误信息如下&#xff1a; PS D:\code\cv> conda activate pt conda : 无法将“conda”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写&#xff0c;如果包括路径&a…...

编程日记 2023/12/22 23:05:13

链接未来：深入理解链表数据结构（二.c语言实现带头双向循环链表）

上篇文章简述讲解了链表的基本概念并且实现了无头单向不循环链表&#xff1a;链接未来&#xff1a;深入理解链表数据结构&#xff08;一.c语言实现无头单向非循环链表&#xff09;-CSDN博客 那今天接着给大家带来带头双向循环链表的实现&#xff1a; 文章目录 一.项目文件规划…...

编程日记 2023/12/22 23:00:08

论文笔记 | Nature 2023 FunSearch：利用大语言模型在数学科学领域探索新的发现

文章目录 一、前言二、主要内容三、总结🍉 CSDN 叶庭云：https://yetingyun.blog.csdn.net/ 一、前言 科学中有许多难以解决的问题，这些问题难以获得确切解答，但却相对容易进行验证。在数学和计算机科学领域，这类问题被称为 NP 完全优化问题（NP-complete optimization pr…...

编程日记 2023/12/22 22:57:06

JavaScript 对象和 JSON 字符串的区别

JavaScript 对象和 JSON 字符串是两种不同的数据表示形式&#xff0c;它们有以下区别&#xff1a; 语法格式&#xff1a;JavaScript 对象是 JavaScript 语言中的一种数据类型&#xff0c;使用花括号 {} 包裹&#xff0c;属性和值之间使用冒号 : 分隔&#xff0c;并且使用逗号 …...

编程日记 2023/12/22 22:54:04

基于 Flink SQL 和 Paimon 构建流式湖仓新方案

目录 1. 数据分析架构演进 2. Apache Paimon 3. Flink + Paimon 流式湖仓 Consumer 机制 Changelog 生成​编辑...

编程日记 2023/12/22 22:51:01

MFC静态链接+libtiff静态链接提示LNK2005和LNK4098

编译报错 1>msvcrt.lib(ti_inst.obj) : error LNK2005: "private: __thiscall type_info::type_info(class type_info const &)" (??0type_infoAAEABV0Z) 已经在 libcmtd.lib(typinfo.obj) 中定义 1>msvcrt.lib(ti_inst.obj) : error LNK2005: "pr…...

编程日记 2023/12/22 22:50:00

桶装水送水小程序：提升服务质量的利器

随着移动互联网的发展&#xff0c;越来越多的消费者通过手机在线购物和订购商品。如果你是一名桶装水供应商&#xff0c;想要拓展线上业务&#xff0c;那么开发一个桶装水微信小程序将是一个明智的选择。本文将指导你从零开始开发一个桶装水微信小程序&#xff0c;让你轻松完成…...

编程日记 2023/12/22 22:45:57

深度学习在训练什么，什么是模型

深度学习是机器学习的一个分支&#xff0c;它主要通过使用称为神经网络的复杂结构来学习数据的表征。在深度学习中&#xff0c;"训练"和"模型"是两个核心概念。 训练 在深度学习中&#xff0c;"训练"是指用数据来训练一个神经网络。这个过程涉…...

编程日记 2023/12/22 22:44:56

Andorid 使用bp或者mk编译C文件生成so

在Aosp源码里编译C文件生成so 使用mk编译 文件夹列表 CMkDemo/Android.mk CMkDemo/cpp/SerialPort.c CMkDemo/cpp/SerialPort.hAndroid.mk 内容如下 LOCAL_PATH: $(call my-dir) include $(CLEAR_VARS)LOCAL_MODULE_TAGS : optional# All of the source files that we will…...

编程日记 2023/12/22 22:43:55

只更新软件，座椅为何能获得加热功能？——一文读懂OTA

2020年&#xff0c;特斯拉发布过一次OTA更新&#xff0c;车主可以通过这次系统更新获得座椅加热功能。当时&#xff0c;这则新闻震惊了车圈和所有车主&#xff0c;彼时的大家还没有把汽车当作可以“升级”的智能设备。 如今3年过去了&#xff0c;车主对各家车企的OTA升级早已见…...

编程日记 2023/12/22 22:42:54

EfficientDet:Scalable and Efficient Object Detection中文版 (BiFPN)

EfficientDet: Scalable and Efficient Object Detection EfficientDet&#xff1a;可扩展和高效的目标检测 摘要 模型效率在计算机视觉中变得越来越重要。本文系统地研究了用于目标检测的神经网络架构设计选择&#xff0c;并提出了几个关键的优化方法来提高效率。首先&…...

编程日记 2023/12/22 22:40:52

视频监控技术经历了哪些发展阶段？视频监控技术未来趋势展望

随着城市经济的发展和进步&#xff0c;视频监控也已经应用在人们衣食住行的方方面面&#xff0c;成为社会主体的一个重要组成部分。随着视频监控的重要性越来越凸显&#xff0c;大家对视频监控技术的发展也非常关注。今天我们来简单阐述一下&#xff0c;视频监控技术经历的几个…...

编程日记 2023/12/22 22:38:50

德人合科技 | 设计公司文件加密系统——天锐绿盾自动智能透明加密防泄密系统

设计公司文件加密系统——天锐绿盾自动智能透明加密防泄密系统 PC端访问地址&#xff1a; www.drhchina.com 一、背景介绍 设计公司通常涉及到大量的创意作品、设计方案、客户资料等重要文件&#xff0c;这些文件往往包含公司的核心价值和商业机密。因此&#xff0c;如何确保…...

编程日记 2023/12/22 22:36:49

类和对象（下篇）

再谈构造函数 构造函数体赋值 在之前的学习中我们知道&#xff0c;在创建一个对象时&#xff0c;我们的编译器就会自动调用构造函数将对象初始化&#xff0c;给对象中各个成员变量一个合适的初始值。 例如&#xff1a; class Date { public:Date(int year, int month, int d…...

编程日记 2023/12/22 22:35:48

华为鸿蒙（HarmonyOS）：连接一切，智慧无限

华为鸿蒙是一款全场景、分布式操作系统&#xff0c;旨在构建一个真正统一的硬件生态系统。该操作系统于2019年8月首次发布&#xff0c;并被设计为可以应用于各种设备&#xff0c;包括智能手机、智能手表、智能电视、车载系统等多种智能设备。 推荐一套最新版的鸿蒙4.0开发教程 …...

编程日记 2023/12/22 22:33:47

劈窗算法反演地表温度

目录 摘要操作步骤提取热红外单波段提取NDVI同步像元分辨率与个数劈窗算法地表温度反演制图 摘要 主要使用HJ-2&#xff08;环境减灾二号卫星&#xff09;的IRS传感器的两个热红外波段&#xff0c;以及红波段与近红波段计算得到的NDVI&#xff0c;使用劈窗算法&#xff0c;得到…...

编程日记 2023/12/22 22:30:45

持续集成交付CICD：基于ArgoCD 的GitOps 自动化完成前端项目应用发布与回滚

目录 一、实验 1. 环境 2. K8S master节点部署Argo CD 3.基于ArgoCD 实现GitOps &#xff08;同步部署文件&#xff09; 4.基于ArgoCD 实现GitOps &#xff08;同步HELM文件&#xff09; 二、问题 1. ArgoCD 连接K8S集群状态为 Unknown 2.ArgoCD 创建application失败 …...

编程日记 2023/12/22 22:29:44

SSH无密登陆配置

1 SSH介绍 ssh命令用于远程登录到其他计算机&#xff0c;实现安全的远程管理。 基本语法&#xff1a; ssh 域名/IP地址 示例&#xff1a; &#xff08;1&#xff09;从hadoop100服务器上远程连接hadoop101服务器 [hadoophadoop100 ~]$ ssh hadoop101 如果出现如下内容 Ar…...

编程日记 2023/12/22 22:28:43

【bug日记】如何切换jdk版本，如何解决java和javac版本不一致

背景 今天在安装jenkins后&#xff0c;使用java运行war包的时候&#xff0c;提示jdk1.8版本太低&#xff0c;需要提高版本&#xff0c;所以就需要切换jdk版本 解决 在用户变量中&#xff0c;首先更改了JAVA_HOME的地址为17的目录&#xff0c;发现javac的版本改为17了&#x…...

编程日记 2023/12/22 22:27:42

【C语言】6-5 判断回文字符串 分数 20

6-5 判断回文字符串 分数 20 全屏浏览题目 切换布局 作者 C课程组 单位 浙江大学 本题要求编写函数&#xff0c;判断给定的一串字符是否为“回文”。所谓“回文”是指顺读和倒读都一样的字符串。如“XYZYX”和“xyzzyx”都是回文。 函数接口定义&#xff1a; bool palindr…...

编程日记 2023/12/22 22:26:41

STL中优先队列（堆）的详解

文章目录 priority_queue的基本介绍堆(heap)堆的概念与结构 priority_queue 的介绍与使用 priority_queue的基本介绍 这个priority_queue翻译成中文就是优先级队列&#xff0c;但其实我们很难去一眼看出他的意思到底是什么&#xff0c;他的逻辑结构实际上类似于数据结构中的堆…...

编程日记 2023/12/22 22:25:40

@vue/cli脚手架

0_vue/cli 脚手架介绍 目标: webpack自己配置环境很麻烦, 下载vue/cli包,用vue命令创建脚手架项目 vue/cli是Vue官方提供的一个全局模块包(得到vue命令), 此包用于创建脚手架项目 脚手架是为了保证各施工过程顺利进行而搭设的工作平 vue/cli的好处 开箱即用 0配置webpack babe…...

编程日记 2023/12/22 22:23:39

在 MyBatis 中＜应该怎么写

在 MyBatis 中&#xff0c;< 符号在 XML 配置文件中是一个特殊字符&#xff0c;用于标记 XML 标签的开始。因此&#xff0c;如果你在 MyBatis 的 if 标签中直接使用 < 符号&#xff0c;它会被解析为 XML 标签的开始&#xff0c;从而导致解析错误。 为了避免这个问题&…...

编程日记 2023/12/22 22:21:37

采访亚马逊云科技代闻：深度解读2023re:Invent与生成式AI

2023亚马逊云科技re:Invent已于拉斯维加斯圆满落幕&#xff0c;为进一步解析re:Invent 2023能够对开发者带来哪些深刻影响&#xff0c;亚马逊云科技大中华区解决方案架构部总经理代闻在大会现场接受了InfoQ中国创始人霍太稳的采访&#xff0c;并就re:Invent 2023的前沿洞察与重…...

编程日记 2023/12/22 22:20:36

黑豹程序员-安装docker-ce

docker分为商用版和社区版&#xff0c;我们使用社区版CE 1 安装yum-utils包&#xff08;提供yum-config-manager 实用程序&#xff09;并设置阿里镜像库 sudo yum install -y yum-utils sudo yum-config-manager --add-repo https://mirrors.aliyun.com/docker-ce/linux/cent…...

编程日记 2023/12/22 22:19:34

多臂老虎机算法步骤

内容导航 类别内容导航机器学习机器学习算法应用场景与评价指标机器学习算法—分类机器学习算法—回归机器学习算法—聚类机器学习算法—异常检测机器学习算法—时间序列数据可视化数据可视化—折线图数据可视化—箱线图数据可视化—柱状图数据可视化—饼图、环形图、雷达图统…...

编程日记 2023/12/22 22:18:33

做商城网站系统/百度网盘资源共享

概述 Nginx 使用内存池对内存进行管理&#xff0c;内存管理的实现类似于前面文章介绍的《STL源码剖析——空间配置器》&#xff0c;把内存分配归结为大内存分配 和小内存分配。若申请的内存大小比同页的内存池最大值 max 还大&#xff0c;则是大内存分配&#xff0c;否则为小内…...

编程日记 2024/11/17 0:53:32

网架公司名字大全/网络优化的工作内容

初中数学常见的一次函数&#xff0c;画起来还是相当方便的&#xff0c;在word中可以直接用直线工具及箭头工具&#xff0c;就可以搞定了。但是对于二次函数、反比例函数、三次函数、三角函数等曲线图形&#xff0c;要精确画出这些函数&#xff0c;word的图形功能就无能为力了。…...

编程日记 2024/11/17 0:23:21

中堂仿做网站/平面设计培训

1、加载父类&#xff0c;加载父类的静态属性和静态代码块 2、加载子类&#xff0c;加载子类的静态属性和静态代码块 3、初始化父类中的非静态属性并赋初值&#xff0c;执行父类非静态代码块&#xff0c;执行父类构造。 4、初始化子类中的非静态属性并赋初值&#xff0c;执行代码…...

编程日记 2024/11/16 23:43:43

企业网站营销的成功案例/有没有专门做营销的公司

如题。 之前是IE7时正常&#xff0c;装IE8后在VS2005中按F5正常启动&#xff0c;但是打开IE之后VS2005自动回到非调试状态。 在调试菜单中“附加到进程”中附加到WebDev.WebServer.EXE倒是可以&#xff0c;不知道是怎么回事。 转载于:https://www.cnblogs.com/chinhr/archive/2…...

编程日记 2024/11/16 21:50:13

网站建设 行业资讯/谷歌搜索引擎免费入口 台湾

Background 最近无意间翻到了一个b站视频&#xff0c; 讲了一套类似yjingo理论的视频&#xff0c; 而且和我自己的学习理论差不多。 但是作者提到了一个进步&#xff0c; 他对进步的理解非常深刻&#xff0c; 其实我也知道他说进步就是在挑战区做工作&#xff0c; 但是作者是怎…...

编程日记 2024/11/16 21:25:39

重庆有效的网站推广/如何让百度快速收录新网站

在个人Mac电脑上安装并使用Spark&#xff1a; 第一步&#xff0c;网站上下载最新Spark包。 官网地址&#xff1a;https://spark.apache.org/downloads.html 第二步&#xff0c;查看是否运行良好&#xff0c;是否需要安装其他工具&#xff0c;比如JDK。【SSH连接本地Local Sh…...

编程日记 2024/11/16 20:43:59