ant-design-react中日期选择器选择日期和时间不超过当前时间方法

直接上代码和效果

import React from 'react';
import moment from 'moment';
import { DatePicker } from 'antd';

import 'antd/dist/antd.css';
import './App.css';


function App() {
 
  const  disabledDate = (current) => {
    // Can not select days before today and today
    return current && current > moment().endOf('day');
  }
  const  range =(start, end) => {
    const result = [];
    for (let i = start; i < end; i++) {
      result.push(i);
    }
    console.log(result)
    return result;
  }
  
const  disabledDateTime =() => {
  const h = moment().format('HH')
  const m = moment().format('mm')
  console.log(h,m)
  return {
    disabledHours: () => range(h, 24),
    disabledMinutes: () => range(m, 60),
  
  };
}


  return (
    <div className="App">
        <DatePicker
      format="YYYY-MM-DD HH:mm"
      disabledDate={disabledDate}
      disabledTime={disabledDateTime}
      showTime
    />

    </div>
  );
}

export default App;

效果图如下