DatePicker en español

publicado por: Anonymous

Tengo un datepicker y un month funcionan correctamente, el problema es que los dos aparecen en ingles y quiero pasarlos a español, he intentado con varios códigos que he encontrado pero el idioma no cambia a español.

Código datepicker

_x000D_

_x000D_

//Librerías_x000D_
<link rel="stylesheet" href="plugins/datepicker/datepicker3.css"> _x000D_
<script src="plugins/datepicker/bootstrap-datepicker.js"></script>_x000D_
_x000D_
<div class="input-group date">      _x000D_
  <span class="input-group-addon">_x000D_
    <i class="glyphicon glyphicon-calendar"></i>_x000D_
  </span>                     _x000D_
<input type="text" class="form-control" id="nacimiento" name="nacimiento"  placeholder="Fecha Nacimiento" required>                  _x000D_
</div>_x000D_
_x000D_
//Script_x000D_
_x000D_
<script type="text/javascript">_x000D_
$(function(){_x000D_
$('.input-group.date').datepicker({    _x000D_
    format: 'yyyy-mm-dd',_x000D_
    orientation: "auto left",_x000D_
    forceParse: false,_x000D_
    autoclose: true,_x000D_
    todayHighlight: true,_x000D_
    toggleActive: true,_x000D_
    endDate: '0',_x000D_
});_x000D_
});_x000D_
</script>

_x000D_

_x000D_

_x000D_

Código month

_x000D_

_x000D_

//Librerías_x000D_
_x000D_
<link rel="stylesheet" href="dist/css/jquery-ui.css">_x000D_
<script src="dist/js/jquery-ui.js"></script>_x000D_
_x000D_
<div class="input-group datepicker">      _x000D_
   <span class="input-group-addon">_x000D_
    <i class="glyphicon glyphicon-calendar"></i>_x000D_
    </span>                     _x000D_
   <input type="text" id="mespago" name="mespago" class="form-control" />_x000D_
</div>_x000D_
_x000D_
//Script_x000D_
_x000D_
<script type="text/javascript"> _x000D_
$("#mespago").datepicker( {_x000D_
    format: "MM - yyyy",_x000D_
    viewMode: "months", _x000D_
    minViewMode: "months",    _x000D_
});_x000D_
</script>

_x000D_

_x000D_

_x000D_

Códigos utilizados cambiándole las variables por las mias

_x000D_

_x000D_

<script>_x000D_
 $.datepicker.regional['es'] = {_x000D_
 closeText: 'Cerrar',_x000D_
 prevText: '< Ant',_x000D_
 nextText: 'Sig >',_x000D_
 currentText: 'Hoy',_x000D_
 monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],_x000D_
 monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],_x000D_
 dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],_x000D_
 dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],_x000D_
 dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],_x000D_
 weekHeader: 'Sm',_x000D_
 dateFormat: 'dd/mm/yy',_x000D_
 firstDay: 1,_x000D_
 isRTL: false,_x000D_
 showMonthAfterYear: false,_x000D_
 yearSuffix: ''_x000D_
 };_x000D_
 $.datepicker.setDefaults($.datepicker.regional['es']);_x000D_
$(function () {_x000D_
$("#fecha").datepicker();_x000D_
});_x000D_
</script>

_x000D_

_x000D_

_x000D_

solución

Te recomiendo abrir el archivo: plugins/datepicker/bootstrap-datepicker.js

Luego busca la palabra “Sunday” por ejemplo y te aparacerá algo como lo siguiente:

var q=a.fn.datepicker.dates={en:{days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]

Cuando encuentres esto, todos los demás textos en inglés estarán cerca, cambia los dias y meses que estan en ingles pasalos a español, algo como esto:

var q=a.fn.datepicker.dates={en:{days:["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"]

Y listo tendrás tu datePicker en español.

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *