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

小白：react antd 搭建框架关于 RangePicker DatePicker 时间组件使用记录 2

news 文章来源：https://blog.csdn.net/id_EquinoxFlower/article/details/145141632 2025/5/24 15:01:17

文章目录

  • 一、 关于 RangePicker 组件返回的moment 方法示例

一、 关于 RangePicker 组件返回的moment 方法示例

moment方法中日后开发有用的方法如下：

form.getFieldsValue().date[0].weeksInWeekYear(),form.getFieldsValue().date[0].zoneName(), form.getFieldsValue().date[0].zoneAbbr(), form.getFieldsValue().date[0].add(),form.getFieldsValue().date[0].calendar(), // 获取时间的格式化字符串form.getFieldsValue().date[0].format('YYYY-MM-DD HH:mm:ss'), // 格式化时间form.getFieldsValue().date[0].daysInMonth(), // 获取月份的天数form.getFieldsValue().date[0].clone(), // moment 函数本体,form.getFieldsValue().date[0].creationData(),// 创建时间,form.getFieldsValue().date[0].date(),form.getFieldsValue().date[0].eraName(),// （Anno Domini 简写 公元的意思  2030-03-15 14:26:00 ）（before christ简写 BC  公元前 0000-01-13 00:00:00）// 以当前时间为准选择的时间，比如当前是2025年 选择的时间是2026年这是1年后 返回的数据是（1年后） 若选择的时间是2024年 则返回的数据是（1年前）form.getFieldsValue().date[0].from(),// 相对于当前时间的描述，比如刚刚，1分钟前，1小时前，昨天，前天,两天或者三天前等form.getFieldsValue().date[0].fromNow(),form.getFieldsValue().date[0].isDST(), // 当前日期的时间戳  moment("2025-01-01T14:47:22.326")form.getFieldsValue().date[0].isLeapYear(), // 选择的时间是否是前/上一年form.getFieldsValue().date[0].isLocal(), // 是否是本地时间form.getFieldsValue().date[0].isSame(), // 是否是当前时间form.getFieldsValue().date[0].isSameOrAfter(), // 是否是当前时间或者之后form.getFieldsValue().date[0].isSameOrBefore(),// 是否是当前时间或者之前form.getFieldsValue().date[0].isUTC(),// 是否是全球统一的时间form.getFieldsValue().date[0].isUtcOffset(),// 时区是否是UTCform.getFieldsValue().date[0].isValid(), // 是否是有效的时间form.getFieldsValue().date[0].isoWeek(), // 是否是 ISO 8601 格式的周数form.getFieldsValue().date[0].isoWeekYear(), // ISO 8601 格式的年份form.getFieldsValue().date[0].isoWeekday(), // ISO 8601 格式的星期几form.getFieldsValue().date[0].isoWeeks(), //ISO 8601  当前选中的是第几周form.getFieldsValue().date[0].isoWeeksInISOWeekYear(),  // ISO 8601 格式的年份的周数form.getFieldsValue().date[0].isoWeeksInYear(), // 年份的周数form.getFieldsValue().date[0].months(),     // 当前选中的是第几月/*** parsingFlags() 返回一个对象，包含解析日期字符串的相关信息。*   "empty": false,"unusedTokens": [],"unusedInput": [],"overflow": -2,"charsLeftOver": 0,"nullInput": false,"invalidEra": null,"invalidMonth": null,"invalidFormat": false,"userInvalidated": false,"iso": false,"parsedDateParts": [],"era": null,"meridiem": null,"rfc2822": false,"weekdayMismatch": false**/form.getFieldsValue().date[0].parsingFlags(),form.getFieldsValue().date[0].to(),//当前时间是2025年一月14  选择的是2023-04-22 返回值 2 年后form.getFieldsValue().date[0].toArray(),form.getFieldsValue().date[0].toDate(), // 时间戳form.getFieldsValue().date[0].toISOString(), // 时间戳form.getFieldsValue().date[0].toJSON(), // 时间戳form.getFieldsValue().date[0].toNow(),  //当前时间是2025年一月14  选择的是2027-04-22 返回值 2 年前form.getFieldsValue().date[0].toObject(),  // 时间对象  { years: 2, months: 4, date: 22, hours: 0, minutes: 0, seconds: 0, milliseconds: 0 }form.getFieldsValue().date[0].toString(),  // 时间戳form.getFieldsValue().date[0].unix(),  // unix时间戳是从1970年1月1日（UTC/GMT的午夜）开始所经过的秒数，不考虑闰秒，以秒为单位 时间戳form.getFieldsValue().date[0].valueOf(),  // unix时间戳是从1970年1月1日（UTC/GMT的午夜）开始所经过的秒数，不考虑闰秒，以秒为单位 时间戳form.getFieldsValue().date[0].weeks(),  // unix时间戳是从1970年1月1日（UTC/GMT的午夜）开始所经过的秒数，不考虑闰秒，以秒为单位 时间戳form.getFieldsValue().date[0].weekYear(),  // 选择的年份form.getFieldsValue().date[0].weekday(),  // 选择的周几form.getFieldsValue().date[0].zoneName(),  // 选择的周几

相关文章：

小白：react antd 搭建框架关于 RangePicker DatePicker 时间组件使用记录 2

文章目录 一、 关于 RangePicker 组件返回的moment 方法示例 一、 关于 RangePicker 组件返回的moment 方法示例 moment方法中日后开发有用的方法如下： form.getFieldsValue().date[0].weeksInWeekYear(),form.getFieldsValue().date[0].zoneName(), form.getFiel…...

编程日记 2025/1/17 4:42:33

＜C++学习＞C++ std 多线程教程

C std 多线程教程 理解多线程的概念 多线程是一种并发编程技术，它允许程序同时运行多个任务。每个线程共享同一进程的资源（如内存），但拥有独立的执行路径。多线程编程在现代 C 中变得更加便捷和安全，标准库提供了强大…...

编程日记 2025/1/17 4:37:28

用 Python 自动化处理日常任务

💖 欢迎来到我的博客！ 非常高兴能在这里与您相遇。在这里，您不仅能获得有趣的技术分享，还能感受到轻松愉快的氛围。无论您是编程新手，还是资深开发者，都能在这里找到属于您的知识宝藏，学习和成长…...

编程日记 2025/1/17 4:33:21

《深入浅出HTTPS​​​​​​​​​​​​​​​​​》读书笔记（28）：DSA数字签名

《深入浅出HTTPS​​​​​​​​​​》读书笔记（28）：DSA数字签名 对称加密算法有很多算法，标准算法是RSA机密算法，数字签名技术也有一个标准DSS（Digital Signature Standard），其标准…...

编程日记 2025/1/17 4:32:18

type 属性的用途和实现方式（图标，表单，数据可视化，自定义组件）

1.图标类型 <uni-icon>组件中&#xff0c;type可以用来指定图标的不同样式。 <uni-icons type"circle" size"30" color"#007aff"></uni-icons> //表示圆形 <uni-icons type"square" size"30" co…...

编程日记 2025/1/17 4:31:15

PSINS工具箱学习（四）捷联惯导更新算法

原始 Markdown文档、Visio流程图、XMind思维导图见：https://github.com/LiZhengXiao99/Navigation-Learning 文章目录 一、捷联惯导更新1、insinit()：初始化 ins 结构体2、ethupdate()：地球自转角速度和牵连角速度更新3、insupdate()：捷联惯导更新1. 速度更新2. 位置更新3.…...

编程日记 2025/1/17 4:27:12

P1Linux和Docker常用终端命令：保姆级图文详解

文章目录 前言1、Docker 常用命令1.1、镜像管理1.2、容器管理1.3、网络管理1.4、数据卷管理1.5、监控和性能管理 2、Linux 常用命令分类2.1、文件和目录管理2.2、用户管理2.3、系统监控和性能2.4、软件包管理2.5、网络管理 前言 亲爱的家人们&#xff0c;创作很不容易&#xf…...

编程日记 2025/1/17 4:26:10

Windows重装后NI板卡LabVIEW恢复正常

在重新安装Windows系统后&#xff0c;NI&#xff08;National Instruments&#xff09;板卡能够恢复正常工作&#xff0c;通常是由于操作系统的重新配置解决了之前存在的硬件驱动、兼容性或配置问题。操作系统重装后&#xff0c;系统重新加载驱动程序、清理了潜在的冲突或损坏的…...

编程日记 2025/1/17 4:24:07

深度解析统计学四大分布：Z、卡方、t 与 F 的关联与应用

统计学关键分布&#xff1a;Z、卡方、t、F 的关系探秘与应用指南 A/B实验系列相关文章&#xff08;置顶&#xff09; 1. A/B实验之置信检验&#xff08;一&#xff09;&#xff1a;如何避免误判和漏报 2. A/B实验之置信检验&#xff08;二&#xff09;&#xff1a;置信检验精要…...

编程日记 2025/1/17 4:16:59

zkServer.sh脚本

Apache ZooKeeper 几种常见的方法&#xff1a; 一、使用 zkServer.sh 脚本&#xff1a; 最常见的启动 ZooKeeper 的方式是使用提供的 zkServer.sh 脚本。此脚本可用于管理 ZooKeeper 进程。以下是一些示例命令&#xff1a; 1. 在前台启动 ZooKeeper&#xff1a; ./zkServer.s…...

编程日记 2025/1/17 4:14:55

CV(10)--目标检测

前言 仅记录学习过程&#xff0c;有问题欢迎讨论 目标检测 object detection&#xff0c;就是在给定的图片中精确找到物体所在位置&#xff0c;并标注出物体的类别;输出的是分类类别label物体的外框&#xff08;x, y, width, height&#xff09;。 目标检测算法&#xff1a…...

编程日记 2025/1/17 4:13:53

UML系列之Rational Rose笔记七：状态图

一、新建状态图 依旧是新建statechart diagram&#xff1b; 二、工作台介绍 接着就是一个状态的开始&#xff1a;开始黑点依旧可以从左边进行拖动放置&#xff1a; 这就是状态的开始&#xff0c;和活动图泳道图是一样的&#xff1b;只能有一个开始&#xff0c;但是可以有多个…...

编程日记 2025/1/17 4:11:50

C++单例模式的设计

单例模式&#xff08;Singleton Pattern&#xff09;是一种设计模式&#xff0c;用于确保一个类只有一个实例&#xff0c;并提供一个全局访问点来访问该实例。在C中&#xff0c;单例模式通常用于管理全局资源或共享状态。 以下是C中实现单例模式的几种常见方式&#xff1a; 懒…...

编程日记 2025/1/17 3:59:34

基于springboot的自习室预订系统

作者&#xff1a;学姐 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等 文末获取“源码数据库万字文档PPT”&#xff0c;支持远程部署调试、运行安装。 项目包含&#xff1a; 完整源码数据库功能演示视频万字文档PPT 项目编码&#xff1…...

编程日记 2025/1/17 3:57:32

shell笔记

1.使用 ls -l 及 find 查找某个或者多个目录文件数量时 单个目录&#xff1a; find 目录 -type f|wc -l与 ls -l 目录|grep -v total|wc -l 一致 多个目录&#xff1a;如上结果不一致&#xff0c;因为 ls -l 在算多目录时&#xff0c;会将多目录及空格打出算作额外行 find 更精…...

编程日记 2025/1/17 3:53:20

《鸿蒙Next微内核：解锁人工智能决策树并行计算的加速密码》

在当今人工智能飞速发展的时代&#xff0c;提升运算速度是推动其进步的关键。鸿蒙Next以其独特的微内核特性&#xff0c;为设计决策树的并行计算框架提供了新的思路和契机。 鸿蒙Next微内核特性概述 鸿蒙Next的微内核架构将核心功能模块化&#xff0c;仅保留进程管理、内存管…...

编程日记 2025/1/17 3:51:15

AI刷题-最大矩形面积问题、小M的数组变换

目录 一、最大矩形面积问题 问题描述 输入格式 输出格式 输入样例 输出样例 数据范围 解题思路&#xff1a; 问题理解 数据结构选择 算法步骤 最终代码&#xff1a; 运行结果&#xff1a; 二、小M的数组变换 问题描述 测试样例 解题思路&#xff1a; 问题…...

编程日记 2025/1/17 3:47:12

Redis集群部署详解：主从复制、Sentinel哨兵模式与Cluster集群的工作原理与配置

集群部署形式 1、主从复制1.1 工作机制1.2 配置实现1.3 优缺点1.4 部署形式1.5 主从复制优化 2、Sentinel 哨兵模式2.1 工作机制2.2 配置实现2.3 优缺点2.4 哨兵机制选举流程2.5 脑裂问题解决方案 3、Redis Cluster3.1 工作机制3.2 配置实现3.3 优缺点3.4 故障转移3.5 哈希槽为…...

编程日记 2025/1/17 3:46:08

LeetCode热题100（三十四） —— 23.合并K个升序链表

LeetCode热题100&#xff08;三十四&#xff09; —— 23.合并K个升序链表 题目描述代码实现思路一&#xff1a;选择排序(199ms)思路二&#xff1a;归并排序(2ms) 思路解析 你好&#xff0c;我是杨十一&#xff0c;一名热爱健身的程序员在Coding的征程中&#xff0c;不断探索与…...

编程日记 2025/1/17 3:43:05

kalilinux - 目录扫描之dirsearch

情景导入 先简单介绍一下dirsearch有啥用。 假如你现在访问一个网站&#xff0c;例如https://www.example.com/ 它是一个电商平台或者其他功能性质的平台。 站在开发者的角度上思考&#xff0c;我们只指导https://www.example.com/ 但不知道它下面有什么文件&#xff0c;文…...

编程日记 2025/1/17 3:41:00

浅谈云计算04 | 云基础设施机制

探秘云基础设施机制&#xff1a;云计算的基石 一、云基础设施 —— 云计算的根基![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/1fb7ff493d3c4a1a87f539742a4f57a5.png)二、核心机制之网络&#xff1a;连接云的桥梁&#xff08;一&#xff09;虚拟网络边界&#xff…...

编程日记 2025/1/17 3:37:56

文件上传 分片上传

分片上传则是将一个大文件分割成多个小块分别上传&#xff0c;最后再由服务器合并成完整的文件。这种做法的好处是可以并行处理多个小文件&#xff0c;提高上传效率&#xff1b;同时&#xff0c;如果某一部分上传失败&#xff0c;只需要重传这一部分&#xff0c;不影响其他部分…...

编程日记 2025/1/17 3:24:45

【0391】Postgres内核 checkpointer process ① 启动初始化

相关文章： 【0108】checkpointer运行原理（概念篇）（1） 【0278】checkpointer 共享内存（CheckpointerShmem）初始化（3） 文章目录 1. 启动 checkpointer process1.1 初始化 checkpointer PID1.2 注册 signal1.3 初始化 last checkpoint time2. 确认 config 的 shared memo…...

编程日记 2025/1/17 3:19:37

链路追踪SkyWalking

链路追踪 链路追踪作用链路追踪的关键概念链路追踪的工作原理常用链路追踪工具链路追踪的实现步骤链路追踪的典型场景 SkyWalkingSkyWalking 的主要功能SkyWalking 的架构安装 SkyWalking从 SkyWalking 的官方 GitHub 仓库 下载最新版本。配置后端存储SkyWalking使用&#xff0…...

编程日记 2025/1/17 3:17:34

Uniapp判断设备是安卓还是 iOS，并调用不同的方法

在 UniApp 中&#xff0c;可以通过 uni.getSystemInfoSync() 方法来获取设备信息&#xff0c;然后根据系统类型判断当前设备是安卓还是 iOS&#xff0c;并调用不同的方法。 示例代码 export default {onLoad() {this.checkPlatform();},methods: {checkPlatform() {// 获取系…...

编程日记 2025/1/17 3:16:33

计算机网络 （42）远程终端协议TELNET

前言 Telnet&#xff08;Telecommunication Network Protocol&#xff09;是一种网络协议&#xff0c;属于TCP/IP协议族&#xff0c;主要用于提供远程登录服务。 一、概述 Telnet协议是一种远程终端协议&#xff0c;它允许用户通过终端仿真器连接到远程主机&#xff0c;并在远程…...

编程日记 2025/1/17 3:15:30

rtthread学习笔记系列-- 23 环形缓冲块 ringblock

文章目录 23 环形缓冲块 ringblock23.1 初始化23.2 PUT & GET 块23.3 块释放23.4 rt_rbb_blk_queue_get23.5 rt_rbb_blk_alloc https://github.com/wdfk-prog/RT-Thread-Study 23 环形缓冲块 ringblock 环形块状缓冲区简称为&#xff1a;rbb。与传统的环形缓冲区不同的是&…...

编程日记 2025/1/17 3:11:15

HunyuanVideo 文生视频模型实践

HunyuanVideo 文生视频模型实践 flyfish 运行 HunyuanVideo 模型使用文本生成视频的推荐配置&#xff08;batch size 1&#xff09;&#xff1a; 模型分辨率(height/width/frame)峰值显存HunyuanVideo720px1280px129f60GHunyuanVideo544px960px129f45G 本项目适用于使用 N…...

编程日记 2025/1/17 3:09:09

Qt——QTableWidget 限制单元格输入范围的方法（正则表达式输入校验法、自定义代理类MyItemDelegrate）

【系列专栏】：博主结合工作实践输出的，解决实际问题的专栏，朋友们看过来！ 《项目案例分享》 《极客DIY开源分享》 《嵌入式通用开发实战》 《C++语言开发基础总结》 《从0到1学习嵌入式Linux开发》...

编程日记 2025/1/17 3:08:05

深度学习论文: CAS-ViT: Convolutional Additive Self-attention Vision Transformers

深度学习论文: CAS-ViT: Convolutional Additive Self-attention Vision Transformers for Efficient Mobile Applications CAS-ViT: Convolutional Additive Self-attention Vision Transformers for Efficient Mobile Applications PDF:https://arxiv.org/pdf/2408.03703 PyT…...

编程日记 2025/1/17 3:01:52