在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;