0

有沒有辦法在這個plunker示例中翻譯角度日期選擇器中的按鈕。 我嘗試添加close-text="{{\'lblClose\' | translate}}" current-text="{{\'lblToday\' | translate}}" clear-text="{{\'lblClear\' | translate}}"像其他Angular ui-datepicker,但它不起作用。 任何幫助真正apreciated在角度網格中添加導航到用戶界面日期選擇器

回答

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爲結果

0

更深入地尋找如何UI併網日期選擇器是工作,我發現一個骯髒的解決方案(我不認爲這是一個乾淨的解決方案)後

你可以在這裏看到plunker在那裏,我改變了關閉按鈕的文字: http://plnkr.co/edit/za99R9wUOcM2s2EkHLsv?p=preview

的問題是,要改變完成按鈕的設置必須具有指令「UIB-日期選擇器,彈出」

所以,如果在元素上應用你想修改完成按鈕y的標籤你必須改變ui-grid設置庫(這不是一個好的解決方案,但我沒有看到任何其他方式)。

從這個:

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; 
    }, 

將其更改爲(注意我添加了放慢參數緊密文本屬性):

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,從這樣的:

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

將其更改爲:

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到任何你想要的,比如:

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

就像我說的這個是骯髒的解決方案,但它似乎UI併網編輯日期選擇器不提供給您的選項,以便您必須添加它手動

+0

你能否更新一下這個掠奪者,我看不出你的意思。 – Med

相關問題