jquery - ejemplos - ¿Cómo obtener el valor de la fecha seleccionada usando Bootstrap Datepicker?

jquery ui datepicker es js

Question

Usando jquery y Bootstrap Datepicker, ¿cómo obtengo el nuevo valor de fecha que seleccioné usando Bootstrap Datepicker? FYI, estoy usando Rails 3 y Coffescript.

Configuré el datapicker usando:

<input id="startdate" class="span2 datepicker" type="text" value="" name="startdate" default="2013-05-21" data-date="2013-05-21" data-behavior="datepicker">
<%= submit_tag ''Get Data using date'', :id => ''get_data'' %>

$(".datepicker").datepicker
      endDate: new Date
      format: "yyyy-mm-dd"
      autoclose: true
      minViewMode: 1
      todayBtn: "linked"

Cuando un usuario hace clic en el botón "obtener datos usando la fecha" junto a él, usaré jQuery para obtener el nuevo valor de fecha establecido por el selector de fecha, evitaré que el formulario envíe y ejecute una solicitud de Ajax utilizando ese valor de fecha. Todo el ajax funciona bien, excepto para obtener el nuevo valor de fecha correcto. Intenté ambos de los siguientes y no me da la nueva fecha, solo devuelve los valores predeterminados que configuré inicialmente.

sd1 = $(''#startdate'').attr(''value'')
console.log sd1

sd2 = $(''#startdate'').attr(''data-date''))
console.log sd2

Me siento realmente estúpido en este momento, pero no puedo encontrar la forma de obtener el nuevo valor de fecha establecido por el selector de fecha de arranque.

Answer 1

Bootstrap datepicker (el primer resultado de la búsqueda de bootstrap datepickcer) tiene un método para obtener la fecha seleccionada.
http://bootstrap-datepicker.readthedocs.org/en/release/methods.html#getdate

obtener la fecha:
Devuelve un objeto de fecha localizado que representa el objeto de fecha interna del primer selector de fecha en la selección.
Para los recolectores de multidatos, devuelve la última fecha seleccionada.

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

o

$(''.datepicker'').datepicker("getDate").valueOf() 

Answer 2

Generalmente hablando,

$(''#startdate'').data(''date'') 

es mejor porque

$(''#startdate'').val()

no funciona si tiene un marcador de fecha "en línea"

Answer 3

Intenté con las respuestas anteriores, pero no funcionó para mí; Entonces, como se refiere el usuario3475960, utilicé $(''#startdate'').html() que me dio el texto html, así que lo usé como sea necesario ... Puede que alguien lo use ...

Answer 4

Para el selector de fecha bootstrap puedes usar:

$("#inputWithDatePicer").data(''datepicker'').getFormattedDate(''yyyy-mm-dd'');

Answer 5

Pruebe esto usando HTML como aquí:

var myDate = window.document.getElementById("startdate").value;

Answer 6

Puedes intentar esto

$(''#startdate'').val()

o

$(''#startdate'').data(''date'')

Answer 7

Si ya tiene varias fechas resaltadas y desea determinar en qué fecha se hizo clic por última vez, necesitará lo siguiente:

$(''#startdate'').data(''datepicker'').viewDate

viewDate devuelve un objeto de fecha de JavaScript, por lo que deberá manejarlo en consecuencia.

Answer 8

Si no quieres la fecha en formato de cadena de texto completo, puedes hacerlo así:

$(''#your-datepicker'').data().datepicker.viewDate

Answer 9

esto funciona conmigo para datepicker línea (y el otro)

$(''#startdate'').data(''datepicker'').date