在温泉中使用日期选择器插件 UI 2

Question

在我的应用程序中，我想使用原生日期选择器并尝试使用 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

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

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

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

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

var datePicker = new DatePicker();

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

在温泉中使用日期选择器插件 UI 2

Using datepicker plugin in Onsen UI 2

onsen-ui

onsen-ui2

index.html:

index.js