当前位置: 首页 > 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;

在这里插入图片描述

相关文章:

  • 鸿蒙仓颉开发语言实战教程:实现商城应用首页
  • 高效缓存设计的哲学
  • 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 是选择先置位再比较,还是先比较再置位
  • iis做网站上传速度慢/网站搜索工具
  • 局机关门户网站建设情况汇报/电商平台怎么推广
  • 巢湖城市建设投资有限公司网站/2345手机浏览器
  • 汽车城网站建设方案/淘大象关键词排名查询
  • 制作网页时一般使用什么对网页进行布局/图片优化是什么意思
  • 网页设计网站网站建设课程设计/百度查重软件