0

私はanglejsに関する初心者の知識があり、Bootstrapテンプレートを使ってAngularJS MaterialにDatepickerディレクティブを変換する際に問題があります。BootstrapのdatepickerディレクティブをAngularJS Materialに変換する

template: 
     '<div ng-class="{\'input-group\': !snDisabled, \'has-error\': isInvalid}" style="width: 100%;">' + 
     '<input type="text" name="{{field.name}}" class="form-control" placeholder="{{field.placeholder}}" ng-model="formattedDate" ng-model-options="{updateOn: \'blur\', getterSetter: true}" ng-disabled="snDisabled" />' + 
     '<span class="input-group-btn" ng-hide="snDisabled">' + 
     '<input type="hidden" class="datepickerinput" ng-model="formattedDate" ng-readonly="true" />' + 
     '<button class="btn btn-default" type="button">' + 
     '<glyph sn-char="calendar" />' + 
     '</button>' + 
     '</span>' + 
     '</div>', 

は、しかし、私はAJS材料にそれを更新しました::

template: '<div ng-class="{\'input-group\': !snDisabled, \'has-error\': isInvalid}" style="width: 100%;">' + 
      '<md-datepicker md-open-on-focus name="{{field.name}}" md-placeholder="{{field.placeholder}}" ng-model="formattedDate" ng-model-options="{updateOn: \'blur\', getterSetter: true}" ng-disabled="snDisabled"/>' + 
      '</div>', 

私はページをロードし、自分のコンソールをチェックすると、私はエラー「TypeError例外を参照してください:オリジナルのブートストラップテンプレートは次のようになります

:コードに戻って

「未定義のプロパティ「SETDATE」を読み取ることができません、私はそれがAngularJS資料に表示されていない入力グループは、BTNページ上のクラス要素、呼びかけことを実現します

AngularJS Materialテンプレートがエラーなく動作するためには、上記のコードで何を修正する必要がありますか?

答えて

0

あなたはブートストラップ・プラグインの代わりに、このjqueryのを使用することができ、それは、私はいつも私の角のプロジェクトでそれを使用するように私はそれをお勧めしますアンギュラ https://jqueryui.com/datepicker/

と非常に互換性があります。

ここをクリックして使用方法を確認してください。 http://api.jqueryui.com/datepicker/

関連する問題