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

文章目录

  • 一、 关于 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(),  // 选择的周几

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

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

相关文章

Jenkins简单的安装运行

一、下载 官网下载:https://www.jenkins.io/download/ 清华大学开源软件镜像站:https://mirrors.tuna.tsinghua.edu.cn/jenkins/ 官网资料丰富,介绍了各种平台安装以及下载。安装简单,按照说明来就行。下面我介绍一个非常简单的…

【CSS】HTML页面定位CSS - position 属性 relative 、absolute、fixed 、sticky

目录 relative 相对定位 absolute 绝对定位 fixed 固定定位 sticky 粘性定位 position:relative 、absolute、fixed 、sticky (四选一) top:距离上面的像素 bottom:距离底部的像素 left:距离左边的像素…

网络安全 | WAF防护开通流程与技术原理详解

关注:CodingTechWork 引言 随着互联网安全形势的日益严峻,Web应用防火墙(WAF, Web Application Firewall)逐渐成为网站和应用的标准防护措施。WAF能够有效识别和防止如SQL注入、跨站脚本攻击(XSS)、恶意流…

小结:路由器和交换机的指令对比

路由器和交换机的指令有一定的相似性,但也有明显的区别。以下是两者指令的对比和主要差异: 相似之处 基本操作 两者都支持类似的基本管理命令,比如: 进入系统视图:system-view查看当前配置:display current…

Ubuntu中双击自动运行shell脚本

方法1: 修改文件双击反应 参考: https://blog.csdn.net/miffywm/article/details/103382405 chmod x test.sh鼠标选中待执行文件,在窗口左上角edit菜单中选择preference设计双击执行快捷键,如下图: 方法2: 设置一个应用 参考: https://blo…

从0开始学习搭网站的第一天

前言,以下内容学习自mdn社区,感兴趣的朋友可以直接去看原文章web技术 目录 web机制互联网是怎么运作的网站服务器是什么什么是URL?什么是web服务器?什么是域名什么是超链接什么是网页DOMgoole浏览器开发者工具 web机制 互联网是怎…

java小灶课详解:关于char和string的区别和对应的详细操作

char和string的区别与操作详解 在编程语言中,char和string是用于处理字符和字符串的两种重要数据类型。它们在存储、操作和应用场景上存在显著差异。本文将从以下几个方面详细解析两者的区别及常见操作。 1. 基本定义与存储差异 char: 定义:…

黑马linux笔记(03)在Linux上部署各类软件 MySQL5.7/8.0 Tomcat(JDK) Nginx RabbitMQ

文章目录 实战章节:在Linux上部署各类软件tar -zxvf各个选项的含义 为什么学习各类软件在Linux上的部署 一 MySQL数据库管理系统安装部署【简单】MySQL5.7版本在CentOS系统安装MySQL8.0版本在CentOS系统安装MySQL5.7版本在Ubuntu(WSL环境)系统…

[Transformer] The Structure of GPT, Generative Pretrained Transformer

The Structure of Generative Pretrained Transformer Reference: The Transformer architecture of GPT models How GPT Models Work

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

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

国内主流的Spring微服务方案指南

构建一个完整的 Spring 微服务方案涉及多个关键组件的集成与配置,包括服务注册与发现、配置管理、API 网关、负载均衡、服务调用、熔断与限流、消息中间件、分布式追踪、服务网格、容器编排以及数据库与缓存等。以下将结合前述内容,详细介绍一个完整的中…

解锁 JMeter 的 ForEach Controller 高效测试秘籍

各位小伙伴们,今天咱就来唠唠 JMeter 里超厉害的 “宝藏工具”——ForEach Controller,它可是能帮咱们在性能测试的江湖里 “大杀四方” 哦! 一、ForEach Controller 是啥 “神器” 想象一下,你手头有一串神秘钥匙,每…

【QT】QComboBox:activated信号和currentIndexChanged信号的区别

目录 1、activated1.1 原型1.2 触发机制1.3 使用场景1.4 连接信号和槽的方法1.4.1 方式一1.4.2 方式二 2、currentIndexChanged2.1 原型2.2 触发机制2.3 使用场景2.4 连接信号和槽的方法 1、activated 1.1 原型 [signal] void QComboBox::activated(int index) [signal] void…

PHP 循环控制结构深度剖析:从基础到实战应用

PHP 循环控制结构深度剖析:从基础到实战应用 PHP提供了多种控制结构,其中循环控制结构是最常见的结构之一。它们使得我们能够高效地重复执行一段代码,直到满足某个条件为止。本文将从PHP循环的基础知识出发,逐步分析其在实际项目…

根据浏览器的不同类型动态加载不同的 CSS 文件

实现思路: 安装并引入 vue 项目相关的 CSS 文件:首先确保你有为不同浏览器准备了不同的 CSS 文件(例如,style-chrome.css,style-firefox.css,style-ie.css 等)。 在 index.js 中根据浏览器类型…

JAVA之单例模式

单例模式(Singleton Pattern)是一种设计模式,用于确保一个类只有一个实例,并提供一个全局访问点来获取该实例。在软件设计中,单例模式常用于控制对资源的访问,例如数据库连接、线程池等。以下是单例模式的详…

Rust 1.84.0 发布

Cargo 依赖版本选择改进 稳定了最小支持 Rust 版本(MSRV)感知的解析器,该解析器会优先选择与项目声明的 MSRV 兼容的依赖版本,减少了维护者支持旧工具链的工作量,无需手动为每个依赖选择旧版本。可以通过.cargo/config…

sosadmin相关命令

sosadmin命令 以下是本人翻译的官方文档,如有不对,还请指出,引用请标明出处。 原本有个对应表可以跳转的,但是CSDN的这个[](#)跳转好像不太一样,必须得用html标签,就懒得改了。 sosadmin help 用法 sosadm…

【WPS】【WORDEXCEL】【VB】实现微软WORD自动更正的效果

1. 代码规范方面 添加 Option Explicit:强制要求显式声明所有变量,这样可以避免因变量名拼写错误等情况而出现难以排查的逻辑错误,提高代码的健壮性。使用 On Error GoTo 进行错误处理:通过设置错误处理机制,当代码执行…

Kafka 分区管理

分区是主题的子集,每个主题可以被分割成多个分区,一个分区有一个主副本(Leader)及一个或多个从(Follower)副本。分区允许将数据分布在多个broker上,这样可以提高数据的处理能力、并行性及可靠性…