Question

在我的应用中，我想使用原生的datepicker并尝试使用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）。任何人都可以告诉我，我该怎么做才能使插件工作？提前谢谢。

Answer 1

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

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

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

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

var datePicker = new DatePicker();

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

在Onsen UI 2中使用datepicker插件

的index.html：

index.js

1 个答案: