简介
ember-rl-year-picker是一个基于ember-cli和moment.js的年份选择组件，可以轻松快捷地实现年份选择功能。下面将详细介绍该包的使用方法。
安装
该包可以通过npm安装，使用以下命令即可：
npm install ember-rl-year-picker
使用方法
引入组件
使用该组件前需要在视图文件中引入组件，并设置对应的属性。引入方法如下：
{{year-picker
date=currentDate
minDate=minDate
maxDate=maxDate
size=size
disabled=disabled
onChangeYear=(action “functionName”)
}}上述代码中，year-picker是组件的名称，后面跟随着一些属性。这些属性会决定这个组件的功能和表现。其中currentDate是当前选中日期，minDate是允许选中的最小日期，maxDate是允许选中的最大日期，size是组件的大小，disabled是使组件不可用的属性，onChangeYear是当年份改变时调用的函数。
设置组件属性
接下来需要在控制器中设置组件的属性值，如下所示：
-- -------------------- ---- -------
------------ -----
-------- -----
-------- -----
----- --------
--------- ------
---------
-------------------
------------------
-
-上述代码中，currentDate、minDate、maxDate、size和disabled这几个属性值需要根据实际需求进行设置，这里只是给出一个参考。另外，当年份改变时，我们可以在actions中定义一个函数，以响应该事件。在上述代码中，函数名为functionName，接受的参数为year，当年份改变时会输出所选年份。
示例
接下来给出一个完整的示例代码，以帮助更好地理解使用方法：
-- -------------------- ---- -------
-- ------------------------------
------ ---------- ---- --------------------
------ ------- -------------------
------------ -----
-------- -----
-------- -----
----- --------
--------- ------
---------
-------------------
------------------
-
-
---
-- -----------------------------
-------------
----------------
---------------
---------------
---------
-----------------
-------------------- ---------------
--指导意义
该npm包使用方便，而且在实际项目中具有很好的实用价值。同时，学习使用该包的过程，也可以让我们更好地熟悉ember-cli和moment.js这两个常用前端工具库。因此，掌握该包的使用方法，对我们的前端开发工作有着很大的指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1ba563576b7b1ecc17