antd 日期时间选择_antd日期选择器 只允许选择当天的整点 时分

如果您想要限制用户只能选择当天的整点时分，可以通过设置 `showTime` 属性和 `format` 属性来实现。以下是一个示例代码：

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

function disabledDate(current) {
  // 禁止选择今天之前的日期
  return current && current < moment().endOf('day');
}

function DateTimePicker() {
  const [value, setValue] = useState(null);

  function onOk(value) {
    console.log(value);
    setValue(value);
  }

  return (
    <DatePicker
      showTime={{ format: 'HH:mm' }}
      format="YYYY-MM-DD HH:mm"
      disabledDate={disabledDate}
      onOk={onOk}
      value={value}
    />
  );
}

export default DateTimePicker;

在这个示例中，我们设置了 `showTime` 属性为 `{ format: 'HH:mm' }`，这样用户只能选择整点时分，而非任意分钟数。我们还设置了 `format` 属性为 `"YYYY-MM-DD HH:mm"`，这样用户选择的日期和时间将会以这个格式输出。

注意：如果您希望用户只能选择整点，那么 `disabledMinutes` 和 `disabledSeconds` 属性也需要进行设置，例如：

function disabledMinutes(selectedHour) {
  if (selectedHour === moment().hour()) {
    // 如果选择的小时是当前小时，则禁用之前的分钟
    return [...Array(moment().minute()).keys()];
  }
  // 其他情况不禁用分钟
  return [];
}

function disabledSeconds(selectedHour, selectedMinute) {
  if (
    selectedHour === moment().hour() &&
    selectedMinute === moment().minute()
  ) {
    // 如果选择的分钟是当前分钟，则禁用之前的秒数
    return [...Array(moment().second()).keys()];
  }
  // 其他情况不禁用秒数
  return [];
}

这样就可以实现用户只能选择当天的整点时分了。