antd 日期控件RangePicker如何增加快捷键(日/周/月/年)

devtools/2024/12/22 23:43:53/

注意:快捷键是从当前日期往前推算的

效果

代码

<script><RangePickerranges={{'日': [moment(new Date().setDate(new Date().getDate() - 1)), moment(new Date())],'周': [moment(new Date().setDate(new Date().getDate() - 7)), moment(new Date())],'月': [moment(new Date().setDate(new Date().getDate() - 31)), moment(new Date())],'年': [moment(new Date().setDate(new Date().getDate() - 365)), moment(new Date())],}}format="YYYY-MM-DD"/>
</script>

注:本人前端小白 ,如有不对的地方还请多多指教


http://www.ppmy.cn/devtools/25492.html

相关文章

AutoGPT-Forge使用教程,自行构建agent智能体

本博客给出AutoGPT-forge四个教程的翻译与理解&#xff0c;使用GPT4翻译&#xff0c; 参考官方教程https://aiedge.medium.com/autogpt-forge-a-comprehensive-guide-to-your-first-steps-a1dfdf46e3b4 使用AutoGPT Github代码日期2024/4/22&#xff1b; 博客开始编辑日期20…

如何在React中实现状态钩子

在React中&#xff0c;状态钩子&#xff08;State Hooks&#xff09;主要是用来在函数组件中添加和管理组件状态的。最常用的状态钩子是useState。以下是如何在React中使用useState钩子来实现状态管理的一个简单示例&#xff1a; jsx复制代码 import React, { useState } from…

Vue3 el-dialog 二次封装踩坑实录(v-model moduleValue 不触发)

如果你封装了一个el-dialog的子组件&#xff0c;想通过父组件v-model的形式调用&#xff0c;切记不能使用v-model&#xff0c;要使用 v-model:[你的参数]&#xff0c;例如 v-model:visible <template><el-dialogv-model"dialogVisibale":title"title&…

Codigger数据篇(下):数据安全的全方位保障

在数字化浪潮中&#xff0c;数据已成为现代企业的核心财富。Codigger作为领先的数据服务平台&#xff0c;深知数据安全对于用户的重要性&#xff0c;因此在深挖数据价值的同时&#xff0c;我们始终坚守数据安全防线。 一、双重加密技术保障 Codigger平台运用先进的加密通信和…

yarn的安装与使用

Yarn的安装与使用主要涉及到以下几个步骤&#xff1a; 安装Yarn&#xff1a; 首先&#xff0c;确保您的系统中已安装Node.js和npm。Yarn可以在Windows、MacOS和Linux上运行。使用npm安装Yarn。运行命令npm install -g yarn来安装和升级Yarn。安装完成后&#xff0c;通过运行y…

【软测学习笔记】Linux入门Day01

&#x1f31f;博主主页&#xff1a;我是一只海绵派大星 &#x1f4da;专栏分类&#xff1a;软件测试笔记 &#x1f4da;参考教程&#xff1a;黑马教程❤️感谢大家点赞&#x1f44d;收藏⭐评论✍️ 目录 1、操作系统 2、Linux发展历程 3、命令行程序 4、cd 切换文件夹…

Qt QThreadPool线程池

1.简介 QThreadPool类管理一个QThread集合。 QThreadPool管理和重新设计单个QThread对象&#xff0c;以帮助降低使用线程的程序中的线程创建成本。每个Qt应用程序都有一个全局QThreadPool对象&#xff0c;可以通过调用globalInstance来访问该对象。 要使用其中一个QThreadPool…

Axios

文章目录 AxiosAxios特性安装使用方法Axios 实例拦截器取消请求响应结构错误处理在Vue中封装Axios Axios Axios 是一个基于 promise 的 HTTP 库&#xff0c;可以用在浏览器和 node.js 中。 文档&#xff1a;https://axios.nodejs.cn/ Axios特性 从浏览器中创建 XMLHttpReques…