javascript - AngularJS - UI Bootstrap Datepicker

Question

AngularJSの新機能です。私は私のプロジェクトでdatepickerを実装したい。 angle.min.jsバージョンAngularJS v1.5.0-rc.1 ui-bootstrap-tpls-0.12.0.jsバージョン0.12.0を使用しています。オンラインでたくさんの例を混同しています。 angularjsでdatepickerを実装する方法。私は私のアプリケーションで以下のコードを使用しました。

app.directive('datepicker', function() { 
return { 
    restrict: 'A', 
    require : 'ngModel', 
    link : function (scope, element, attrs, ngModelCtrl) { 
     $(function(){ 
      element.datepicker({ 
       dateFormat:'dd/mm/yy', 
       onSelect:function (date) { 
        scope.$apply(function() { 
         ngModelCtrl.$setViewValue(date); 
        }); 
       } 
      }); 
     }); 
    } 
} 
}); 

私のHTMLページでは、このように使用しました。以下

<input type="text" ng-model="endDate" datepicker> 

出力は、私はこの問題を解決するにはどうすればよい

を取得していますか？無知だ。親切にplsは私がこれを得るのを助ける。

ありがとうございます。

Answer 1

ui-bootstrapの場合はdocumentationです。

ここには、インラインの日付ピッカーとポップアップバージョンの両方を含むdatepickerの複数の使用を示すplunkrがあります。インライン日付ピッカーのための

HTMLは、あなたが正しくあなたのプロジェクトでのUI-ブートストラップや角度を参照/ロードされていることを確認し、この

<div style="display:inline-block; min-height:290px;"> 
     <uib-datepicker ng-model="dt" class="well well-sm" datepicker-options="inlineOptions"></uib-datepicker> 
    </div> 

ようになるはずです。