角度uiグリッドでui-datepickerにtraductionを追加する

Question

このplunkerの例では、角度ui-datepickerのボタンを変換する方法があります。 他のAngular ui-datepickerのようにclose-text="{{\'lblClose\' | translate}}" current-text="{{\'lblToday\' | translate}}" clear-text="{{\'lblClear\' | translate}}"を追加しようとしましたが、機能しません。 あなたがここにplunkerを見ることができ、本当にUI-グリッド-DatePickerのは、私は汚い解決策を見つけ働いている方に、より深く見た後

Answer 1

それを追加する必要がありますので、あなたがこの<div class="datepicker-wrapper" ><input uib-datepicker-popup is-open="isOpen" ng-model="' + attrs.rowField + '" ng-change="changeDate($event)" close-text="closeText" current-text="curentText" clear-text="clearText"on-open-focus="false" disabled/></div> のようなディレクティブを更新することにより、それを行うことができます。このオプションをご提供していないようで、このplunker用をご参照ください結果

Answer 2

をapreciatedされる任意のヘルプ（私はきれいな解決策があるとは思わない）

あれば http://plnkr.co/edit/za99R9wUOcM2s2EkHLsv?p=preview

問題は完了]ボタンを変更するには、設定ディレクティブ「UIB-DatePickerの-ポップアップ」を持つ要素に適用されなければならないということである

：私は閉じるボタンのテキストを変更した場合完了ボタンのラベルを変更したいui-grid-settingsのライブラリを変更する必要があります（良い解決策ではありませんが、他の方法はありません）。このことから

：

template: function(element, attrs) { 
     var html = '<div class="datepicker-wrapper" ><input uib-datepicker-popup is-open="isOpen" close-text="' + attrs.closeLabel + '" ng-model="' + attrs.rowField + '" ng-change="changeDate($event)" on-open-focus="false" disabled/></div>'; 
     return html; 
    }, 

そして、あなたのメインのファイルapp.jsで、から：

template: function(element, attrs) { 
     var html = '<div class="datepicker-wrapper" ><input uib-datepicker-popup is-open="isOpen" ng-model="' + attrs.rowField + '" ng-change="changeDate($event)" on-open-focus="false" disabled/></div>'; 
     return html; 
    }, 

あなたはそれを変更する（私はPARAMTERとの緊密なテキスト属性を追加気づきます）この：

：

editableCellTemplate: '<div><form name="inputForm"><div ui-grid-edit-datepicker row-field="MODEL_COL_FIELD" ng-class="\'colt\' + col.uid"></div></form></div>' 

あなたにそれを変更私はこれを言ったように

var closeLabelTranslated = $filter('translate')('DONE'); 

：残り

editableCellTemplate: '<div><form name="inputForm"><div ui-grid-edit-datepicker close-label="' + closeLabelTranslated + '" row-field="MODEL_COL_FIELD" ng-class="\'colt\' + col.uid"></div></form></div>' 

唯一のものは、角度-変換モジュールを（私はplunkerにこれを追加していない）を使用して、たとえば、あなたが好きにcloseLabelTranslatedあなたの変数を設定することです汚いソリューションですが、UIグリッド編集-DatePickerのは、あなたが手動