ngbdatepicker - AngularJS/Angular-ui-bootstrap Cambio de idioma utilizado por datePicker

ngb tabset

Question

Yo uso el datePicker documentado here .

Sin embargo, ninguna opción directa permite cambiar el idioma, inglés por defecto.

Encuentro la documentación del widget provisto sin directivas angulares, y proporciona una buena manera de lograrlo:

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

¿Hay una manera fácil, evitando modificar el código fuente de la directiva original, para cambiarlo?

Answer 1

Primero, debe cargar su secuencia de comandos de configuración regional ( consígalos aquí ) después de angular en index.html:

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

Después de eso, los días y los meses se localizan, pero debe traducir los botones usted mismo agregando parámetros dentro de la etiqueta de entrada del selector de fecha:

<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" />

Answer 2

Puede encontrar la versión más reciente de los archivos js de locale con este enlace.

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

Además, si desea traducir los botones de acción del selector de fecha (como ''Cerrar'') globalmente, puede agregar este código para la configuración global.

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

Answer 3

Si está utilizando el formulario DatePicker angular-ui simplemente agregue el archivo js localizado en el encabezado de su página. Un ejemplo sería:

<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>

Puedes ver un buzo trabajando here