jquery-ui - bootstrap - datepicker php

Obtener la fecha seleccionada en el modo en línea jqueryui datepicker

Question

Estoy tratando de usar jqueryui datepicker. Quiero usar el modo en línea.

Quiero saber cómo puedo obtener la fecha seleccionada cuando el usuario selecciona una fecha. ¿Dónde conseguir y cómo llegar?

Answer 1

Intenté trabajar con un event cercano pero también solía activarse cuando el calendario está abierto y hago clic en otro lugar en el pedregal. Finalmente, el calendario pierde el focus y close event que llamó. Así que encontré este;

 onClose: function (dateText, inst) {
function isDonePressed() {
return ($(''#ui-datepicker-div'').html().indexOf(''ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover'') > -1);
}
if (isDonePressed()) {
var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
$(this).datepicker(''setDate'', new Date(year, month, 1));
}
}

Answer 2

Puede recuperar la fecha utilizando la función getDate:

$("#datepicker").datepicker( ''getDate'' );

El valor se devuelve como un objeto Fecha de JavaScript.

Si desea utilizar este valor cuando el usuario selecciona una fecha, puede usar el evento onSelect:

$("#datepicker").datepicker({
onSelect: function(dateText, inst) {
var dateAsString = dateText; //the first parameter of this function
var dateAsObject = $(this).datepicker( ''getDate'' ); //the getDate method
}
});

El primer parámetro es en este caso la Fecha seleccionada como Cadena. Use parseDate para convertirlo en un objeto de fecha JS.

Consulte http://docs.jquery.com/UI/Datepicker para obtener la referencia jQuery UI DatePicker completa.

Answer 3

$(document).on("change", "#datepickerdiv", function () {
alert($(this).val())
})

Esta es la respuesta más simple en Jquery.