在 Onsen UI 2 中使用 datepicker 插件答案

【问题标题】：Using datepicker plugin in Onsen UI 2在 Onsen UI 2 中使用 datepicker 插件
【发布时间】：2016-06-08 13:49:27
【问题描述】：

在我的应用程序中，我想使用本机日期选择器并尝试使用 this 插件，但未能使其工作。我最近才开始使用 Onsen UI 2 并且没有使用插件的经验，所以我可能会遗漏一些东西。

我按照插件的安装和使用步骤进行操作。到目前为止我的代码。

index.html:

<ons-list-item ng-click="ctrl.showPicker();">
    Set the time
</ons-list-item>

'ctrl' 是我的控制器。

index.js

this.showPicker = function() {
    var options = {
        date: new Date(),
        mode: 'date'
    };

    function onSuccess(date) {
        alert('Selected date: ' + date);
    }

    function onError(error) { // Android only
        alert('Error: ' + error);
    }

    var datePicker = new DatePicker();
    datePicker.show(options, onSuccess, onError);
}

不幸的是，单击列表项会显示此错误：

ReferenceError: DatePicker is not defined

正如我所说，我没有使用 Onsen UI 2 中的插件的经验，到目前为止，我使用的是 Cordova 框架（javascript 和 jquery）。谁能告诉我，我该怎么做才能使插件工作？提前致谢。

【问题讨论】：

标签： onsen-ui onsen-ui2

【解决方案1】：

您的 Angular 代码看起来不错。唯一的问题是您没有DatePicker 变量。

查看您正在使用的插件的文档，它似乎没有导出DatePicker 函数。

在文档中他们只使用datePicker.show，所以也许他们只是在导出datePicker。

所以基本上你需要做的就是删除以下行：

var datePicker = new DatePicker();

你应该没问题（如果你正确安装了你的插件）。

【讨论】：