problema con idioma datePicker

moron · #1 (**permalink**) 14/08/2014, 17:56

Hola, no puedo ver en español el calendario, lo invoco de esta manera

Código HTML:

<script src="../../Scripts/jquery.ui.datepicker-es.js" type="text/javascript"></script>

<script type="text/javascript">
    $(function () {
        $("#Fecha").datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '1900:c'
        });

    });
</script>

el archivo jquery.ui.datepicker-es.js:

Código HTML:

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

ademas me toma la fecha como mmddaaaa.

alguna idea?

gracias desde ya

AitorDB · #2 (**permalink**) 14/08/2014, 18:33

Te dejo el que yo uso que me va genial:

Código HTML:

Ver original<head>
  <meta charset="utf-8">
  <title>Tests</title>
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
</head>
 
<body>
 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all">
    <label for="from">From</label><input type="text" id="from" name="from" readonly="readonly"/> 
    <label for="to">to</label><input type="text" id="to" name="to" readonly="readonly"/>
 
    
 
 
    <script>
    
        //Dependiendo de la URL escogeremos un idioma u otro
        if ($(location).attr('href').indexOf("/de/") != -1) {
            $NombresDiasShort = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
            $NombresMesShort = [];
        }
        
        else if ($(location).attr('href').indexOf("/en/") != -1) {
            $NombresDiasMin = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
            $NombresMesShort = [];
        }
        
        else {
            $NombresDiasMin = ["D", "L", "M", "X", "J", "V", "S"];
            $NombresMesShort = ["Enero","Febrero","Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"];
        }
    
        var dateToday = new Date();
 
        
        var dates = $("#from, #to").datepicker({
            changeMonth: true,
            numberOfMonths: 1,
            minDate: dateToday,
            dateFormat: "dd/mm/yy",
            firstDay: 1,
            dayNamesMin: $NombresDiasMin,
            monthNamesShort: $NombresMesShort,
            onSelect: function(selectedDate) {
                var option = this.id == "from" ? "minDate" : "maxDate", instance = $(this).data("datepicker"), date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
                dates.not(this).datepicker("option", option, date);
            }
        });
    </script>
 
</body>

Sino sirve puede ser porque sin querer haya borrado algo ya que además yo lo conecto con una base de datos para desactivar algunas fechas, lo que sea avisa, espero que te sirva.

Suerte!