javascript - ejemplos - Cómo obtener la fecha del jQuery UI datepicker

datepicker mindate

Question

Deseo obtener la fecha de datepicker cada vez que el usuario elija la fecha en jQuery UI datepicker y haga clic en el botón en el formulario.

bueno, necesito obtener el día, mes y año de la fecha que elijan. ¿Cómo puedo obtener la fecha de jQuery UI?

Answer 1

A veces muchos problemas con eso. En el valor del atributo de datapicker data es 28-06-2014, pero datepicker se muestra o hoy o nada. Lo decidí de esa manera:

<input type="text" class="form-control datepicker" data-value="<?= date(''d-m-Y'', (!$event->date ? time() : $event->date)) ?>" value="<?= date(''d-m-Y'', (!$event->date ? time() : $event->date)) ?>" />

Agregué a la entrada del valor de datos del atributo datapicker, porque si la llamada jQuery (this) .val () O jQuery (this) .attr (''value'') - nada funciona. Decidí iniciar en ciclo cada datapicker y tomar su valor del atributo data-value:

 $("form .datepicker").each(function() {
var time = jQuery(this).data(''value'');
time = time.split(''-'');
$(this).datepicker(''setDate'', new Date(time[2], time[1], time[0], 0, 0, 0));
});

y funciona bien =)

Answer 2

La respuesta de NamingException funcionó para mí. Excepto que usé

var date = $("#date").dtpicker({ dateFormat: ''dd,MM,yyyy'' }).val()

datepicker no funcionó, pero dtpicker sí.

Answer 3

Pruebe esto, funciona como el encanto, le da la fecha que ha seleccionado. Formulario de envío intentar obtener este valor: -

var date = $("#scheduleDate").datepicker({ dateFormat: ''dd,MM,yyyy'' }).val();

Referencia aquí

Answer 4

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 5

Utilizar

$( your_datepicker_id ).datepicker( "getDate" )

Answer 6

el enlace para getdate: http://docs.jquery.com/UI/Datepicker#method-getDate

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