2016-12-01 7 views
1

Imは現在Ionic v1(したがってAngularJS)を使用しているアプリで作業しています。単純なボタンをクリックすると、ネイティブの日付ピッカーが開きます。私は<input type="date">がAndroidまたはIOSのネイティブのdatepickerをトリガーすることを知っています。だから、私がしようとしているのは、隠されている入力フィールドと、クリックをトリガーする関数を呼び出すボタンです。日付入力時にIonicのクリックをトリガーする

しかし、のようなもの:

が使用して(私は入力が集中作ることが判明動作するようには思え、または少なくとも文句を言わないの焦点とも日付ピッカーをトリガーいけないangular.element(document.querySelector(elementClassName)).triggerHandler('click');

それとも

angular.element('#elementIdName').triggerHandler('click');

単純な指令)は、入力をフォーカスしますが、ネイティブのモーダルをトリガーしません。 (入力フィールドは現時点では隠されていないので、どちらも問題になりません)。以下、このためのコード:

<md-input-container> 
    <label>Date</label> 
    <input type="date" id="invoice-date" ng-model="invoice.datum" ng-blur="changeDateDialog()" show-focus="changeDate"> 
</md-input-container> 

<md-button class="md-raised _58 _align-right" ng-click="changeDateDialog()"> 
    {{ invoice.datum | date }} 
</md-button> 

と機能:

$scope.changeDateDialog = function() { 
    if($scope.changeDate === false) { 
     $scope.changeDate = true; 
    } else { 
     $scope.changeDate = false; 
    }` 

私はかなりしばらくの間、周りを見てきましたが、何も今のところ動いていないようにみえます。誰でも私にネイティブの日付ピッカーとそれを引き起こす方法について何か教えてもらえますか?すべてのアドバイスは大歓迎です。

答えて

0

あなたはjqueryのは、私はすでに `angular.element`して、焦点合わせを試してみた

$('#elementIdName').focus()

それとも

angular.element(document.)

+1

を追加した場合。フォーカスはディレクティブを使用するときに機能しますが、モバイルでネイティブの日付ピッカーをトリガーしません。 IonicはAngularJsで動作するので、JQueryはオプションではありません。とにかくありがとう – Rennie

関連する問題