Dudas web: Seleccionar/elegir fecha en calendario con Javascript

Os agrego un ejemplo en jQuery de Javascript de como seleccionar en un campo de texto a partir de un calendario la fecha que queramos.

El ejemplo siguiente quedaría así:

<html>
<head>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
    <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']);
        });

        $(function() {
            $("#fecha").datepicker({
                changeMonth: true,
                changeYear: true,
                numberOfMonths: 1
            });
        });
    </script>
</head>
<body>
    <span style="color:red">Fecha: </span>
    <input type="text" id="fecha" name="fecha" style="width:80px;left:60px;position:absolute"/>
</body>
</html>

Dudas web

jueves, 7 de enero de 2016

Seleccionar/elegir fecha en calendario con Javascript

No hay comentarios:

Publicar un comentario