antd 当前日期格式化
时间: 2023-08-17 20:49:15 浏览: 187
ant design 日期格式化的实现
在 Ant Design 中,您可以使用 Moment.js 库来格式化当前日期。以下是一个示例:
首先,确保您已经安装了 Moment.js:
```bash
npm install moment
```
然后,在您的代码中导入 Moment.js 和 Ant Design 的 DatePicker 组件:
```javascript
import React from 'react';
import { DatePicker } from 'antd';
import moment from 'moment';
const { RangePicker } = DatePicker;
function App() {
const dateFormat = 'YYYY/MM/DD';
return (
<div>
<DatePicker defaultValue={moment()} format={dateFormat} />
{/* 或者使用范围选择 */}
<RangePicker defaultValue={[moment(), moment()]} format={dateFormat} />
</div>
);
}
export default App;
```
在上面的示例中,我们使用 `moment()` 函数来获取当前日期,并将其作为 `defaultValue` 传递给 DatePicker 组件。`format` 属性用于指定日期格式,这里我们使用了 `'YYYY/MM/DD'`。
这样,您就可以在 Ant Design 的 DatePicker 组件中显示当前日期,以指定的格式进行格式化了。
阅读全文