1

私のアプリでは、ネイティブの datepicker を使用したいので、このプラグインを使用しようとしましたが、機能しませんでした。私は最近 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) を使用していました。プラグインを機能させるにはどうすればよいですか？前もって感謝します。

4

1 に答える 1

1

あなたのAngularコードは問題ないようです。DatePicker唯一の問題は、変数がないことです。

DatePicker使用しているプラ​​グインのドキュメントを見ると、関数をエクスポートしていないようです。

ドキュメントでは だけを使用しているdatePicker.showため、エクスポートしているだけかもしれませんdatePicker。

したがって、基本的に必要なことは、次の行を削除することだけです。

var datePicker = new DatePicker();

そして、問題ないはずです (プラグインを正しくインストールした場合)。

于 2016-06-09T13:13:05.057 に答える