简介
@khrtz/react-time-picker是React时间选择器的一个npm包。 该包提供了一个灵活的时间选择器组件，使您可以轻松地选择并显示日期和时间。
安装
使用npm包管理器安装：
npm install @khrtz/react-time-picker
使用方法
引入组件
在文件的开头中引入组件并绑定它们的名称。在下面的示例中，我们将组件命名为“TimePicker”：
import { TimePicker } from '@khrtz/react-time-picker';渲染组件
将组件添加到您的React组件中，并使用必要的属性配置组件。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---------- - ---- ---------------------------
----- --- ------- --------------- -
----- - -
------------- ----
--
---------------- - ------- -- -
---------------------------- -------
--
-------- -
------ -
-----
-----------
----------------- -- -----------------------------
-------------------------------
-----------
----------------
--
------
--
-
-
------ ------- ----参数
onChange - function - （必需）每当用户更改所选时间时都会调用的回调函数。
value - string或null - 当前时间的ISO字符串或为空。
showSeconds - 布尔 - 显示或隐藏秒数。
disabled - 布尔 - 启用或禁用时间选择器。
示例代码
完整的使用示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---------- - ---- ---------------------------
----- --- ------- --------------- -
----- - -
------------- ----
--
---------------- - ------- -- -
---------------------------- -------
--
-------- -
------ -
-----
-----------
----------------- -- -----------------------------
-------------------------------
-----------
----------------
--
------
--
-
-
------ ------- ----结论
总之，@khrtz/react-time-picker是一个简单易用的React时间选择器组件。 您可以使用npm包管理器轻松地安装和使用此组件。 通过与其他React组件库集成，您可以创建功能齐全的Web应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/134462