1

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

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

索引.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）。谁能告诉我，我该怎么做才能使插件工作？提前致谢。

4

1 回答 1

1

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

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

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

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

var datePicker = new DatePicker();

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

于 2016-06-09T13:13:05.057 回答