antd 获取当前时间

在 Ant Design 中，您可以使用 Moment.js 库来获取当前时间。以下是一个示例：

首先，确保您已经安装了 Moment.js：

npm install moment

然后，在您的代码中导入 Moment.js 和 Ant Design 组件：

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

function App() {
  const currentTime = moment().format('HH:mm:ss');

  return (
    <div>
      <Button>{currentTime}</Button>
    </div>
  );
}

export default App;

在上面的示例中，我们使用 `moment()` 函数来获取当前时间，并使用 `format` 方法将其格式化为 `'HH:mm:ss'` 格式。然后，我们可以在 Ant Design 的 Button 组件中显示当前时间。

这样，您就可以在 Ant Design 中获取和显示当前时间了。

相关问题

antd的RangePicker限制时间跨度为90天

你可以通过设置 `disabledDate` 属性来限制 `RangePicker` 的时间跨度为90天。下面是一个示例代码：

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

const { RangePicker } = DatePicker;

function disabledDate(current) {
  // 获取当前日期
  const today = moment();

  // 获取90天前的日期
  const ninetyDaysAgo = today.clone().subtract(90, 'days');

  // 禁用大于90天前和小于今天的日期
  return current && (current > today || current < ninetyDaysAgo);
}

function MyComponent() {
  return (
    <RangePicker disabledDate={disabledDate} />
  );
}

以上代码中，`disabledDate` 函数用于设置禁用日期的逻辑。通过 `moment` 库获取当前日期和90天前的日期，并将其与选择的日期进行比较，从而禁用大于90天前和小于今天的日期。

你可以根据自己的需求进行适当的修改。希望能帮到你！

antd 日期时间选择_antd日期选择器禁止选择当天之前的时间操作

要禁止选择当天之前的时间，可以使用 `disabledDate` 函数来实现。以下是一个示例代码：

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 onChange(date, dateString) {
    console.log(date, dateString);
    setValue(date);
  }

  return (
    <DatePicker
      showTime
      disabledDate={disabledDate}
      value={value}
      onChange={onChange}
    />
  );
}

export default DateTimePicker;

在 `disabledDate` 函数中，我们使用 `moment()` 获取当前时间，并调用 `endOf('day')` 方法获取当天的最后一刻，然后与传入的日期进行比较，如果传入的日期小于当前日期，则返回 `true`，禁止选择该日期。在 `DatePicker` 组件中，我们传入 `disabledDate` 函数来设置禁止选择的日期。