2016-05-14 6 views
1

ユーザがangle-ui datetimepickerで日付を選択するたびに何らかのアクションを実行したいと思います。日付選択angle-uiブートストラップにclickイベントを追加する

<input type="text" class="form-control" 
     uib-datepicker-popup="{{dashctrl.format}}" 
     ng-model="dashctrl.checkOutDtDashboard" 
     is-open="dashctrl.popup2.opened" 
     datepicker-options="dashctrl.dateOptionsCheckOut" 
     ng-required="true" 
     close-text="Close" 
     alt-input-formats="dashctrl.altInputFormats" /> 

コントローラが似ている:私のカレンダーがドロップアウト関連のコントローラでDashController as dashctrl

、私が選択して、日付の選択を投稿することができます日付がありますが、私はいくつかのアクションを実行します。

ライブラリーの日付選択にはすでにselect(dt.date)メソッドが書かれていますが、コントローラーでどのように使用するのですか。

私は

  1. $rootScope.select
  2. $scope.select

を使用してみましたが、これらは私のコードで作業されていません。

+1

は、なぜあなたはNG-変更を使用していませんか? –

答えて

3

入力に変更を加え、コントローラ上の関数にマップさせることができます。これは、ユーザーがdatepickerで日付を選択した後に発生します。あなたがdatepicker selectの機能をオーバーライドしようとしているようには聞こえないので、これはうまくいくはずです。

0

は、あなたのDashControllerコントローラにあなたの日付ピッカーng-model$watchを登録します。

$scope.$watch('checkOutDtDashboard', function(newDate) { 
    if (newDate) { 
     console.log("Got the new date", newDate, "or", $scope.checkOutDtDashboard); 
    } 
}); 
関連する問題