Calendario equipos

 <p>Inicio campeonato:</p>
        <input type="text" id="fecha">
        <ul id="equipos">
            <li>Logroñés</li>
            <li>Alcoyano</li>
            <li>Numancia</li>
            <li>Albacete</li>
            <li>Huelva</li>
            <li>Osasuna</li>
        </ul>
        <input type="button" class="btn btn-success" id="partidos" value="Partidos">
        <input type="button" class="btn btn-success" id="aleatorio" value="Aleatorio">
        <div id="res"></div>
        <script>
            $(function () {

                $.datepicker.regional['es'] = {
                    closeText: 'Cerrar',
                    prevText: '< Ant',
                    nextText: 'Sig >',
                    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ércoles', 'Jueves', 'Viernes', 'Sábado'],
                    dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Juv', 'Vie', 'Sáb'],
                    dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sá'],
                    weekHeader: 'Sm',
                    dateFormat: 'dd/mm/yy',
                    firstDay: 1,
                    isRTL: false,
                    showMonthAfterYear: false,
                    yearSuffix: ''
                };
                $.datepicker.setDefaults($.datepicker.regional['es']);
                $('#fecha').datepicker();
                $('#equipos').sortable();
                $('#partidos').click(function () {
                    var equipos = $('#equipos li');
                    var f = $('#fecha').val().split("/");
                    var fecha = new Date(f[2], f[1] - 1, f[0]);
                    $('#res').empty();
                    for (var i = 0; i < equipos.length; i += 2) {
                        $('#res').append("<p>" + fecha.toLocaleDateString() + " : " + equipos[i].innerText + " - " +
                                equipos[i + 1].innerText + "</p>");
                        fecha.setDate(fecha.getDate() + 1);
                    }
                });
                $('#aleatorio').click(function () {
                    $('#mensaje').dialog();
                    var equipos = $('#equipos li');
                    equipos.sort(function () {
                        return Math.random() - .5
                    });
                    $('#equipos').empty();
                    for (var i = 0; i < equipos.length; i++) {
                        $('#equipos').append(equipos[i]);
                    }
                });


            });
        </script>

Publicado por

Juan Pablo Fuentes

Formador de programación y bases de datos