在现代的前端开发中，npm 是一个不可替代的工具。它为我们提供了大量的工具库和框架，能够让我们仅仅通过一个命令，就把需要的依赖包下载、安装好并集成进我们的项目中。其中，ember-pikaday-shim 就是一个非常实用的 npm 包，可以帮助我们方便地集成 Pikaday 时间选择器库到我们的 Ember.js 项目中。
什么是 Pikaday 时间选择器
Pikaday 是一个简单易用、轻量级的 JavaScript 时间选择器库，让用户可以方便地选择日期。它的特点是界面优美，支持多种语言，功能强大，代码量小、易扩展，且没有任何依赖。在很多 Web 应用程序中，我们都需要向用户提供日期选择器，Pikaday 是其中的一个不错的选择。
为什么要使用 ember-pikaday-shim
在 Ember.js 中使用 Pikaday 时间选择器库需要引入较多的文件，并且涉及到一些复杂的配置，需要我们耗费不少时间和精力。但是，有了 ember-pikaday-shim，我们便可以很快地完成这个过程。它对 Pikaday 库进行了简单的包装并提供了一个 Ember.js 组件，极大地方便了我们的开发工作。
如何使用 ember-pikaday-shim
ember-pikaday-shim 的使用非常简单，只需三大步即可完成 Pikaday 时间选择器的集成过程。
第 1 步：安装 ember-pikaday-shim
在终端中进入你的 Ember.js 项目根目录，使用 npm 命令安装 ember-pikaday-shim，如下所示：
npm install --save ember-pikaday-shim
第 2 步：在应用程序中引用 ember-pikaday-shim
在应用程序的 ember-cli-build.js 文件中引用 ember-pikaday-shim，如下所示：
// ember-cli-build.js
var app = new EmberApp(defaults, {
'ember-pikaday-shim': {
includeTime: true, // 是否显示时间选择
includeStyles: true // 是否包含默认样式
}
});第 3 步：在模板中使用 ember-pikaday-shim 组件
在需要使用 Pikaday 时间选择器的模板中使用 {{pikaday-input}} 组件，如下所示：
// application.hbs
{{pikaday-input value=date onSelect=(action (mut date))}}这里，我们将 Pikaday 时间选择器的值通过 value 属性绑定到 date 变量上。当用户选择一个新日期时，onSelect 回调函数会被触发，将新的值同步到 date 变量中。
指导意义
通过上述三个步骤，我们就能成功地集成 Pikaday 时间选择器到我们的 Ember.js 项目中。ember-pikaday-shim 的使用让这一过程变得简单易行，并且它提供了丰富的配置选项，让我们可以按照自己的需要来定制时间选择器的样式和功能。
在实际的项目中，我们可以根据自己的业务要求来进行改造和扩展，比如设置时间选择器的默认值、禁用某些日期、自定义 CSS 样式等等。通过这个 npm 包的使用，我们可以提升我们的开发效率，让我们更快、更准确地交付出价值更高的产品。
示例代码
-- -------------------- ---- -------
-- ---------------
--- ---- ----
--------------------- ----------
--- -- ------------------ -- ----
--------------- ----------
-------------
---------------
---------------
-----------------
-----------------------------
---------------- ---- ------
------------- -------------------- ---- -------
-- --------------
------ ----- ---- --------
------ ------- -------------------------
----- --- ------- -- ----
------- ------------- -- ----
-------- ------------- -- ----
-------- ------------- -- ----
--------- -- -- ------
--------------- -- -- ----------
----- -
-------------- ------
---------- ------
------- ------ ----- ----- ----- ----- ----- ----- ----- ----- ----- ------ -------
--------- ------ ----- ----- ----- ----- ----- ------
-------------- ----- ---- ---- ---- ---- ---- ----
--
-------- -
------------ ---------- - -- ----
--- ----------- - --- -------
---------------- -------------
-
--
---------------- ------- - -- -----
------ ----------------------------
-
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e17a563576b7b1ecac6