typescript使用antd中RangePicker组件实现时间限制 当前时间的前一年(365天)

Posted Sco_Jing1031

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了typescript使用antd中RangePicker组件实现时间限制 当前时间的前一年(365天)相关的知识,希望对你有一定的参考价值。

//先导入组件
import  DatePicker  from 'antd';
import moment from 'moment';
const  RangePicker  = DatePicker;

/**操作时间下拉项 */
const renderTimeSelect = () => 
	/**可选范围为最近一年 */
	const disabledDate = (m: Moment) =>
		(m && m.isAfter(moment().endOf('day'))) ||
		(m &&
			m.isBefore(
				moment()
					.subtract(1, 'year')
					.startOf('day'),
 			));
	return (
		<Form.Item label="操作时间">
			getFieldDecorator('operationTime', 
				initialValue: [
					moment()
						.subtract(30, 'days')
						.startOf('day'),
					moment(),
				],
			)(
				<RangePicker
					allowClear=false
					showTime
					format="YYYY-MM-DD HH:mm"
					disabledDate=disabledDate as any
					onOk=() => 
						LX(get(operationRecordLx, `operationTime.$source`));
					
				/>,
			)
		</Form.Item>
	);
;

以上是关于typescript使用antd中RangePicker组件实现时间限制 当前时间的前一年(365天)的主要内容,如果未能解决你的问题,请参考以下文章

typescript使用antd中RangePicker组件实现时间限制 当前时间的前一年(365天)

带有 typescript 的 antd:列 align='right' 的表未编译

typescript+react+antd基础环境搭建

从0搭建React+antd+TypeScript+Umi Hooks+Mobx前端框架

React Typescript:Antd 表过滤器

React+TypeScript+H5+Antd-mobile项目搭建