当前位置:网站首页>【typescript】使用antd中RangePicker组件实现时间限制 当前时间的前一年(365天)
【typescript】使用antd中RangePicker组件实现时间限制 当前时间的前一年(365天)
2022-08-02 13:02:00 【Sco_Jing1031】
//先导入组件
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>
);
};
边栏推荐
猜你喜欢
ETL(二):表达式组件的使用
SQL Server 2019安装错误0x80004005 服务没有及时响应启动或控制请求详细解决方法
svg实现的树木四季变化
A powerful js pop-up alert plugin
Software component analysis: 5 major capabilities to protect software supply chain security
Custom mvc framework review
RESTful style (detailed introduction + case implementation)
Seata分布式事务
js半圆环加载进度动画js特效
Basic protocol explanation
随机推荐
基于 WeihanLi.Npoi 实现excel导入时纯汉字的日期转换
鲁大师7月新机性能/流畅榜:骁龙8+正面对决天玑9000+,性能跑分突破123万!
js semi-circle loading progress animation js special effects
WeChat applet getPhoneNumber interface code=40013
Custom mvc framework review
设置代理服务器(谷歌+IE)「建议收藏」
svg气球升起爆炸js特效
RISC-V 指令格式和6种基本整数指令
wx-wow(微信小程序动效库)
水平垂直居中方式
Detailed explanation of network flow (what information can the flow network diagram generally reflect)
汉源高科千兆12光12电管理型工业以太网交换机 12千兆光12千兆电口宽温环网交换机
Wireless vibrating wire acquisition instrument remote modification method
The uniapp/applet onload method executes the interpretation every time the page is opened
How to turn off hardware acceleration [easy to understand]
路由-嵌套路由
How to use the database like tap water?|Tencent Cloud Database TDSQL-C
工厂方法模式
svg balloon rises explosion js special effect
PHP+MYSQL【学生信息管理系统】(极简版)