---
title: 快捷时间
sidemenu: true
---

## 快捷时间组件

```tsx
/**
 * background: '#f0f2f5'
 */

import React from 'react';
import { Space,Form,FormItem } from 'antd';
import ShortcutDatePicker from '@/components/ShortcutDatePicker';
const { RangeTimePicker, TimePicker } = ShortcutDatePicker;
export default () => {
  return (
    <Form initialValues={{ time1:[1617183600,1717183600],time2: 1617183600 }}>
    <Form.Item name="time1">
      <RangeTimePicker />
    </Form.Item>
     <Form.Item name="time2">
      <TimePicker />
    </Form.Item>
  </Form>
  );
};
```

<API src="./index.tsx"></API>