当前位置: 首页 > 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.dtcms.com/a/205596.html

相关文章:

  • 鸿蒙仓颉开发语言实战教程:实现商城应用首页
  • 高效缓存设计的哲学
  • 2025年- H42-Lc150 --146. LRU缓存(哈希表,双链表)需二刷--Java版
  • 网络图片的缓存和压缩
  • Rust 学习笔记:关于生命周期的练习题
  • 深度解析:Spark、Hive 与 Presto 的融合应用之道
  • uni-app学习笔记八-vue3条件渲染
  • 黑马+点评常见问题
  • work-platform阅读
  • OceanBase 开发者大会,拥抱 Data*AI 战略,构建 AI 数据底座
  • git checkout HEAD
  • 计及可再生能源不确定性的经济优化调度方法
  • Centos8安装 python3并保留系统的python2
  • I.MX6U Mini开发板通过GPIO口测试光敏传感器
  • 使用 OpenCV 实现哈哈镜效果
  • GPU P-State 模式说明
  • 红蓝对抗中的网络安全设备操作手册
  • 提问的艺术
  • Linux内存分页管理详解
  • SAR ADC 是选择先置位再比较,还是先比较再置位
  • 禁止window安全中心乱删文件
  • java 代码查重(三)常见的距离算法和相似度(相关系数)计算方法
  • 基于双通道频谱分析的振动信号故障诊断3
  • 从0开始学linux韦东山教程第四章问题小结(2)
  • Java虚拟机 -虚拟机栈
  • GUI实验
  • 漏洞修复的两种核心方法
  • day25- 系统编程之 标准IO(II) 及 文件IO
  • MCP-1:MCP组件与工作流程
  • 【leetcode】75.颜色分类