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

在react项目中使用andt日期组件,选择周和季度,直接获取所对应的日期区间

在react项目中使用andt日期组件,选择周和季度,直接获取所对应的日期区间

import { DatePicker, Space } from 'antd';
import React from 'react';
const onChange = (date, dateString) => {console.log(date,dateString)
};
const onChangeweek = (date, dateString) => {if (date) {const start = date.clone().startOf('week');const end = date.clone().endOf('week');console.log(dateString, {start: start.format('YYYY-MM-DD HH:mm:ss'),end: end.format('YYYY-MM-DD HH:mm:ss')})}
};
const onChangeonChangequarter = (date, dateString) => {if (date) {const start = date.clone().startOf('quarter');const end = date.clone().endOf('quarter');console.log(dateString, {start: start.format('YYYY-MM-DD HH:mm:ss'),end: end.format('YYYY-MM-DD HH:mm:ss')})}
};
const App = () => (<Space direction="vertical"><DatePicker onChange={onChange} /><DatePicker onChange={onChangeweek} picker="week" /><DatePicker onChange={onChange} picker="month" /><DatePicker onChange={onChangeonChangequarter} picker="quarter" /><DatePicker onChange={onChange} picker="year" /></Space>
);
export default App;

在这里插入图片描述

http://www.xdnf.cn/news/583669.html

相关文章:

  • C++ HTTP框架推荐
  • 人脸识别备案开启安全防护模式!紧跟《办法》!
  • uni-app学习笔记九-vue3 v-for指令
  • redis Pub/Sub 简介 -16 (PUBLISH、SUBSCRIBE、PSUBSCRIBE)
  • 【C++20新特性】ranges::sort()使用方法,优势,注意点
  • 【1004. 最大连续1的个数 III】
  • ai之pdf解析工具 PPStructure 还是PaddleOCR
  • 火山引擎火山云带宽价格
  • 【工作流】Fastgpt配置豆包模型-火山引擎
  • Github 2025-05-22Go开源项目日报 Top10
  • 【COMPUTEX 2025观察】NVIDIA开放NVLink:一场重构AI算力版图的“阳谋“
  • Go File多终端数据同步技术全解:跨设备数据管理实战指南与复杂场景处理过程
  • PostgreSQL14 +patroni+etcd+haproxy+keepalived 集群部署指南
  • C#在 .NET 9.0 中启用二进制序列化:配置、风险与替代方案
  • 模型剪枝的定义与核心作用
  • 硬件开发复盘实战指南
  • CTF签到题
  • 自制操作系统day8 (鼠标数据取得、通往32位模式之路、A20GATE、切换到保护模式、控制寄存器cr0-cr4以及cr8、ALIGNB)
  • 基于 AMDXCVU47P HBM2 FPGA 的 2 路 100G 光纤 PCIe 高性能计算加速卡
  • LabVIEW多通道液位监控
  • 框架开发与原生开发的权衡:React案例分析(原生JavaScript)
  • 【hadoop】Spark的安装部署
  • jvm安全点(五)openjdk17 c++源码垃圾回收之安全点阻塞状态线程在安全点同步中无需调用block函数的详细流程解析
  • Vue:axios(GET请求)
  • 【VLNs篇】04:SayNav-为新环境中的动态规划到导航进行大型语言模型的基础构建
  • 批量处理合并拆分pdf功能 OCR 准确率高 免费开源
  • 华为昇腾开发——多模型资源管理(C++)
  • Apollo10.0学习——planning模块(9)之参数详解二
  • WooCommerce缓存教程 – 如何防止缓存破坏你的WooCommerce网站?
  • 7.2.顺序查找