角度ブートストラップ日付ピッカーで日付形式を変換する方法

Question

角度日付ピッカーを使用しています。ユーザーが日付を選択すると、結果をフィルタリングする必要があります。

日付ピッカーにng-changeを追加しました。変更を検出して日付値を渡しています。しかし、フォーマットは正しくありません。

<uib-datepicker ng-model="dt" ng-change="dateSelected('{{dt}}')" class="well well-sm" datepicker-options="options"></uib-datepicker> 

コントローラ

$scope.dateSelected = function(passedDate){ 
    console.log('Date Selected ' + passedDate); 
} 

これは私が

18 March, 2016 

または類似のものに変換するにはどうすればよい

2016-04-26T12:18:56.794Z 

できます。

ドキュメントに基づいて$ scope.optionsを更新していくつかのオプションを試しましたが、何も動作しません。

Answer 1

：

HTMLは次のようにする必要がありますあなたは{{}} ngの内部では必要ありません。 -change

<uib-datepicker ng-model="dt" ng-change="dateSelected(dt)" class="well well-sm" datepicker-options="options"></uib-datepicker> 

var monthArray = ["January", "February", "March", "April",....]; 

JS shou

console.log($scope.dt.getDate()+', '+monthArray[$scope.dt.getMonth()]+', '+$scope.dt.getFullYear()); 

Answer 2

として形式を設定するHTML

<div class="input-group ui-datepicker"> 
           <input type="text" 
             class="form-control date" 
             datepicker-popup="{{format}}" 
             ng-model="dt" 
             is-open="opened" 
             min-date="minDate" 
             max="'2015-06-22'" 
             ng-readonly="true" 
             datepicker-options="dateOptions" 
             date-disabled="disabled(date, mode)" 
             ng-required="true" 
             close-text="Close" style="cursor:auto;"> 
           <span class="input-group-addon" ng-click="open($event)"><i class="fa fa-calendar"></i></span> 
          </div> 

での日付ピッカー：これを試してみてください

$scope.formats = ['dd-MMMM-yyyy', 'yyyy/MM/dd', 'dd.MM.yyyy', 'shortDate']; 
    $scope.format = $scope.formats[0]; 

$scope.dateOptions = { 
     formatYear: 'yy', 
     startingDay: 1 
    };