Saltar al contenido

Cómo obtener la fecha seleccionada de jquery datepicker

Encontramos el hallazgo a este atascamiento, al menos eso creemos. Si presentas dudas coméntalo, que con gusto te ayudaremos

Solución:

Esto debería funcionar

$(function() 
    $("#datepicker").datepicker();
    $("#datepicker").on("change",function()
        var selected = $(this).val();
        alert(selected);
    );
);

Es básico, pero aquí hay un jsfiddle que alerta la fecha seleccionada cuando se selecciona

actualizar para cambiar el formato de fecha

$(function() 
    $( "#datepicker" ).datepicker( dateFormat: "yy-mm-dd" );
    $("#datepicker").on("change",function()
        var selected = $(this).val();
        alert(selected);
    );
);

jsfiddle

3ra actualización

$(function() 
    $("#datepicker").datepicker( 
        dateFormat: "yy-mm-dd", 
        onSelect: function()
            var selected = $(this).val();
            alert(selected);
        
    );
);

He usado un poco más del marcado nativo para datepicker ui aquí intente esto y vea si recibe la alerta como lo está buscando.

Sin embargo, la pregunta está respondida, para las personas que solo quieren un objeto de fecha o establecen una fecha con un formato específico. Hay funciones simples que proporciona jQuery. Aquí está trabajando jsfiddle

$( "#datepicker" ).datepicker( dateFormat: "dd-mm-yy" );

$("#datepicker").datepicker('setDate', '10-03-2020');
                 // pass string of your format or Date() object

$("#datepicker").datepicker('getDate');
                 // returns Date() object

$("#another_datepicker").datepicker('setDate', $("#datepicker").datepicker('getDate'));
                 // pass string of your format or Date() object

Aquí puedes ver las comentarios y valoraciones de los usuarios

Si te ha resultado de ayuda este post, sería de mucha ayuda si lo compartes con otros desarrolladores y nos ayudes a difundir nuestra información.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *