当前位置:网站首页>【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>
);
};
边栏推荐
猜你喜欢
随机推荐
package.json与package-lock.json
scrapy框架初识1
Oracle update误操作单表回滚
麻烦问一下,对mysql 场景注入故障,是不是不是对mysql server 端注入故障,只是对ja
js stopwatch countdown plugin
FreeRTOS experiment -- delete task
Data Lake (2): What is Hudi
.Net 5.0 Quick Start Redis
基于 WeihanLi.Npoi 实现excel导入时纯汉字的日期转换
[b01lers2020]Welcome to Earth-1
This binding to detailed answers
Markdown怎么加入emoji
SQL Server database generation and execution of SQL scripts
FreeRTOS creation tasks - dynamic creation, static creation
单例模式的七种写法,你都知道吗?
高效代码静态测试工具Klocwork 2022.2——Portal全新升级、支持RLM
机器人碰撞检测方法形式化
Cannot determine loading status from target frame detached when selenium chrome driver is running
There are several ways to jump to js source code, jump on the current page, jump on the blank page
js cool dashboard plugin








