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

Question

Estoy tratando de usar jqueryui datepicker.Quiero usar el modo en línea.Ahora quiero saber cómo puedo obtener la fecha seleccionada cuando el usuario selecciona una fecha.Dónde obtener y cómo Llegar ? Por favor, consejos

Answer 1

Puede recuperar la fecha mediante el uso de la función getDate:

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

El valor se devuelve como un objeto Date de JavaScript.

Si desea utilizar este valor cuando el usuario selecciona una fecha, puede utilizar 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 2

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


    }) 

Esta es la respuesta más simple en Jquery.

Answer 3

Estaba tratando de trabajar con event cerca, pero también solía disparar cuando el calendario está abierto y hago clic en otro lugar en el pedregal. Eventualmente, el calendario pierde focus y close event. 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)); 
      } 
     }