---
category: 2
title: 基本
title_en: Basic
---

 zh-CN

点击 TimePicker，然后可以在浮层中选择或者输入某一时间。

 en-US

Click `TimePicker`, and then we could select or input a time in panel.

````jsx
import { TimePicker } from 'parkball';
import moment from 'moment';

function onChange(time, timeString) {
  console.log(time, timeString);
}

ReactDOM.render(
  <TimePicker onChange={onChange} defaultOpenValue={moment('00:00:00', 'HH:mm:ss')} />,
  mountNode
);
````