---
title: WKPickerTime 时间选择器
group:
  title: 表单组件
  path: /form/
---

## 何时使用

在同一个选择器里选择日期和时间。

## 基本使用

```tsx
/**
 * title: 基本使用
 * desc: 基本使用方法
 */
import React, { useState } from 'react';
import PageWrapper from '../PageWrapper';
import { WKPickerTime, View } from '@wakeapp/components';
export default () => {
  const [curTime, setCurTime] = useState('15:30');
  const [curTime1, setCurTime1] = useState(null);
  const onChange = (e: any) => {
    setCurTime(e.detail.value);
    setCurTime1(e.detail.value);
  };
  return (
    <PageWrapper title="基本使用">
      <View>
        <WKPickerTime value={curTime} start="00:00" end="23:59" onChange={onChange}></WKPickerTime>
        <WKPickerTime value={curTime1} placeholder="请选择" onChange={onChange}></WKPickerTime>
      </View>
    </PageWrapper>
  );
};
```

<API src='@wakeapp/components/WKPickerTime/index.d.ts'></API>
