ng2-jdate-picker 是一个基于 Angular 框架的日期选择器。使用该组件可以方便地实现日期的选择，支持对中文日期格式的处理。本文将为大家详细介绍如何使用该 npm 包。
安装
使用该组件需要先进行安装，首先需要在项目中安装 ng2-jdate-picker：
npm install ng2-jdate-picker --save
导入模块
在项目中使用该组件之前，需要将 JdatePickerModule 模块导入到项目中：
-- -------------------- ---- -------
------ ------------------- ---- -------------------
-----------
-------- -
-----------------
-
--
------ ----- --------- - -使用组件
在项目中使用该组件很简单，只需要在模板中添加以下代码即可：
<app-date-picker [(ngModel)]="selectedDate"></app-date-picker>
在上述代码中，[(ngModel)] 可以用于双向数据绑定，selectedDate 表示所选中的日期。注意，如果需要使用双向数据绑定，需要在组件的模块中进行声明：
-- -------------------- ---- -------
------ ------------- ---- -----------------
-----------
-------- -
-----------
-
--
------ ----- --------- - -支持的格式
ng2-jdate-picker 支持以下格式的日期选择：
- yyyy年MM月dd日
- yyyy-MM-dd
- yyyy/MM/dd
其中，以中文“年月日”分隔的格式支持自动转换并解析成标准日期格式。如果需要使用其他格式的日期选择，请自行修改组件代码。
示例代码
下面是一个完整的示例代码：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- -----------
--------- -
---------------
---------------- ---------------------------------------------
-------------------------------
-
--
------ ----- ------------ -
------------- ------ - ---
-在上述代码中，selectedDate 为所选日期，由于数据绑定的原因，该变量会随着所选日期的变化而更新。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005668181e8991b448e2a32