2016-11-21 8 views
0

Angularアプリケーションにangle-datetime-pickerというモジュールコールを注入します。 このモジュールは、私が唯一の私のindex.htmlにJSとCSSのコードを含める必要があるとして、私は私のモーダルにそれが正常に動作angular-datetime-pickerがモーダルで動作しません

<input ng-model="$parent.date5" datetime-picker date-format="dd-MM-yyyy HH:mm" /> 

入れすることはできませんが、使いやすいです。以下は私のモーダルオープンスコープです:

$scope.addNewSchedule = function() { 
     var dailog = $uibModal.open({ 
      templateUrl: 'app/partials/add-new-schedule.html', 
      controller: addNewScheduleController, 
      size: 'lg', 
      scope: $scope 
     }); 
    }; 

そしてもちろん、私はしかし、それは動作していない、私のアドオンの新しい-schedule.htmlテンプレートに

<input ng-model="$parent.date5" datetime-picker date-format="dd-MM-yyyy HH:mm" /> 

を持っています。私は何かを単純にミスアウトするかもしれないし、誰かがこれについて助言してくれることを願っています。多くのありがとう~~~

+1

モーダルの日付時間ピッカーのCSSを検査し、日付ピッカーのZ-インデックス、および位置や表示のような他のCSSバールがそれを隠していないことを確認してください –

+0

ありがとう、Farzad Salimi Jazi。 z-index:1151を追加しました。 –

答えて

1

これはモーダルの一般的な問題です。モーダルのz-indexは、datepickerのz-indexより高いです。だから、コードを検査し、モーダル、日付ピッカーで使用されるクラスを見つけてz-indexを調整するだけです。

datepickerのz-indexを高く保ちます。

+1

ありがとうatulquest93。私はzインデックス:私のdatepicker CSSの1151を追加し、今は正常に動作します。 –

関連する問題