在前端开发中，我们经常会需要使用一些时间计划工具。其中，Quartz Cron 表达式是一种非常强大的时间表达式语言，可以用来描述复杂的时间计划规则。
在本文中，我们将介绍如何使用 npm 包 angular-quartz-cron 来快速构建并显示基于 Quartz Cron 表达式的时间计划器。
环境需求
为了使用 angular-quartz-cron npm 包，你需要先安装以下依赖项：
- Node.js 10 或以上
- npm 5.2 或以上
安装 angular-quartz-cron
运行以下命令来安装 angular-quartz-cron：
npm install angular-quartz-cron --save
安装之后，你需要在你的应用的NgModule中导入 QuartzCronModule:
import { QuartzCronModule } from 'angular-quartz-cron';
@NgModule({
imports: [QuartzCronModule]
})使用 angular-quartz-cron
以一个示例来说明如何使用 angular-quartz-cron：
<qc-cron [(cron)]="cron" [options]="options"></qc-cron>
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - ----------- - ---- ----------------------
------------
--------- -----------
------------ ----------------------
--
------ ----- ------------ ---------- ------ -
------ ---- - -- --- - --- - - ---
------ -------- ----------- - -
--------------- ------------- -------------------
---------------- ------------- --------------------
--------------- --------------------
------------------ -----------------------
---------------------- ---------------------
-------------------- -------------------
----------------- -----------------------
--------------------- ----------------------
--------------- --------------------
--------------- --------------------
------------ -----------
------------ -----
--------------- -----
-------------- -----
------------- ------
-------------- ------
--------------- ------
-------------- ------
---------------- -----
-------------- -----
------------------ ------
-------------- ------
------------ ------
--------- ------
--------------- -----
------------ -----
-------------- ------
------------- -
-------- ----------------------------
------- ----------
------- ----------------------
--------- -
-------- -------
-------- ------
------ ------
----------- ------
------ ------
---------- ----------------------
----- -----------
-
-
--
---------- --
-在上述示例中，我们定义了一个 qc-cron 标签，并绑定了一个 cron 变量和 options 配置项。
cron用于存储 Cron 表达式的值。options定义了 cron-editor 的配置项，比如设置是否隐藏秒数、是否隐藏某些选项卡、是否允许空的 Cron 表达式等等。
总结
使用 angular-quartz-cron npm 包可以快速的实现 Quartz Cron 表达式的时间计划器，从而方便地设定复杂的时间计划规则。
本文介绍了如何安装和使用 angular-quartz-cron，希望能够对你的前端开发工作有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005600e81e8991b448ddea5