相关文章推荐
买醉的伏特加  ·  【Mongoose 7.x ...·  5 天前    · 
完美的充值卡  ·  <algorithm> 函式 | ...·  3 天前    · 
悲伤的熊猫  ·  React ...·  3 天前    · 
爱旅游的红烧肉  ·  OpenCV4 ...·  昨天    · 
心软的柿子  ·  OpenCV实战 | ...·  1 年前    · 
斯文的数据线  ·  PowerBuilder9.0中Datawi ...·  1 年前    · 
侠义非凡的脆皮肠  ·  postman ...·  1 年前    · 
1,659

antd的RangePicker日期选择时间限定区间最大为1年,不限制选择时间,但是前后时间相差不能超过一年

import React, {  useState, useCallback } from 'react';
import moment from 'moment';
import { DatePicker } from 'antd';
const { RangePicker } = DatePicker;
function (){
 const [initDisableTime, setInitDisableTime] = useState([]); // 设置时间范围不可选的初始值
 // 设置时间不可选范围
  const CalendarChange = (dates) => {
    if (dates.length === 1) {
      setInitDisableTime(dates[0]);
  const openChange = () => {
    setInitDisableTime('');
   // 发起时间的选择区间1年前-今日
  const disabledDate = useCallback(
    (currentDay) => {
      return (
        currentDay < moment(initDisableTime).subtract(1, 'year') ||
        currentDay > moment(initDisableTime).add(1, 'year').add(1, 'day')
    [initDisableTime]
 return 
 <RangePick 
 placeholder="请选择"
 disabledDate={disabledDate} 
 format="YYYY-MM-DD" 
 onCalendarChange={CalendarChange} 
 onOpenChange={openChange} />
    做个快乐的小麦麦