AngularJS/Sudut-ui-bootstrap Mengubah bahasa yang digunakan oleh datePicker

Saya menggunakan datePicker didokumentasikan di sini.

Namun, tidak ada pilihan langsung memungkinkan untuk mengubah bahasa, bahasa inggris * ** secara default.

Saya menemukan dokumentasi dari widget yang disediakan tanpa sudut direktif, dan menyediakan cara yang bagus untuk mencapai hal ini:

http://bootstrap-datepicker.readthedocs.org/en/latest/i18n.html

Apakah ada cara mudah, menghindari untuk men-tweak asli direktif's source code, untuk mengubah itu?

Pemrograman
angularjs angular-ui-bootstrap
30 Oktober 2013 в 12:51
25 tayangan
Larutan

Jika anda menggunakan DatePicker bentuk sudut-ui cukup tambahkan lokal js file di header dari halaman anda. Sebuah contoh akan :

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js"></script>
<script src="http://code.angularjs.org/1.0.8/i18n/angular-locale_fr-fr.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"></script>

Anda dapat melihat kerja plunker di sini

Komentar (3)

Pertama, anda harus memuat terkenal (mendapatkannya di sini) script setelah di sudut index.html:

 <script src="angular.js"></script>
 <script src="angular-locale_de-de.js"></script>

Setelah itu, hari-hari dan bulan yang lokal tapi anda perlu untuk menerjemahkan tombol sendiri menambahkan parameter dalam datepicker masukan tag:

<input type="text" class="form-control" datepicker-popup="dd.MM.yyyy"
ng-model="dt" is-open="opened" min-date="minDate" max-date="'2042-04-02'"
datepicker-options="dateOptions" date-disabled="disabled(date, mode)" 
ng-required="true" 
current-text="Tonight" clear-text="Reset" close-text="Exit" />
Komentar (2)

Anda dapat menemukan lokal file js versi terbaru dengan link ini.

https://cdnjs.com/libraries/angular-i18n

Juga, jika anda ingin menerjemahkan datepicker tombol tindakan(seperti 'Dekat') globaly, anda dapat menambahkan kode ini untuk global config.

//DatePicker -> uibDatepickerConfig
//DatePickerPopup -> uibDatepickerPopupConfig
app.config(['uibDatepickerPopupConfig', function(uibDatepickerPopupConfig) {
uibDatepickerPopupConfig.closeText = 'Close';
uibDatepickerPopupConfig.currentText = 'Today';
uibDatepickerPopupConfig.clearText = 'Clear';
}]);
Komentar (1)