NPM包: angular4-datepicker 使用教程

阅读时长 5 分钟读完

#NPM包: angular4-datepicker 使用教程

日期选择是Web应用程序中一个关键的组件,很多开发者都遇到过需要从日期选择中提取日期数据的情况。在Angular中,我们可以使用npm包来轻松解决这个问题。这篇文章将会教你如何使用npm包:angular4-datepicker,并且详细说明其深度。让我们开始吧!

##npm包: angular4-datepicker Angular4-datepicker是一个强大的日期选择器控件,它基于Angular 4.X版本开发,可以帮助我们快速创建一个简单易用的日期选择器。它支持多种语言(Lang),可以在Angular4.X+中直接使用,并且还有完整的主题库供用户选择。

##安装angular4-datepicker

在你的Angular 4项目中安装angular4-datepicker非常简单。你可以使用下面的命令:

npm install angular4-datepicker --save

完成后,你应该看到依赖项已添加到你的项目中。如果你在使用Angular-cli,则应该自动为你更新你的angular-cli.json文件。

##使用 angular4-datepicker

  1. 在 app.module.ts 加载,如下:
-- -------------------- ---- -------
-----------
  -------- - --- ------------------ --- -- -- --- ------ --- ------
  ------------- - ------------ --
  ----------    - ------------ -
--
------ ----- --------- - ----

-- --------------

--------- -------------------- ------------------------
           --------- ------------------- ---------------------
           ------------- -------------------
------------ ------------------ --------------- ------------------------------- -----------------------------------------
----- ---------------------------
  ------- ---------- --------------------- --------- -------------------- -----------------------
----------

----

------------------- ------------------------------

------------
-----------------------------------

-------------------------------------

--------------
-----------------------------

---------------------------- -----------------------

--------------
-----------------------------

---------------------------- -----------------------

--------
--------------------------------------

----------------------------------

------

--------------------------------------------------------------------------------------------------------------------------------------------------------

------

--------------------------------------------------

--------- - -------------- ---------- --------- - ---- ----------------
------ - -------------------- ------------ - ---- ----------------------

------------
  --------- --------------------
  ------------ ---------------------------
  ---------- ---------------------------
--

------ ----- ---------------- ---------- ------------- -
  ------------------------ ----------- --------------------
  ------------- -------------
  
  ------------------ ---- -
    ------------------------------------ -- --- --- ----- -----
  -
  -- -------- -- ---- ------
  ------------------ ------------- -
    ----------------- - -----
  -
----

- ------------------------------------------------------------------------------ --------
------------------------------------------------------------------------------------------------------------------------
纠错
反馈