javascript - moment - eonasdan bootstrap datetimepicker get value

Obtenga el valor de bootstrap Datetimepicker en JavaScript

Question

Necesito obtener el valor de Datetimepicker en mi función de JavaScript. He hecho algo como esto, pero no funciona:

$("#date").click( function(){
    alert(document.getElementById(''datetimepicker1'').value);
});

Me da ''indefinido''

Answer 1

Cualquiera de los dos utilizar

$("#datetimepicker1").data("datetimepicker").getDate();

O (de mirar la fuente de la página):

$("#datetimepicker1").find("input").val();

El valor devuelto será una Date (para el primer ejemplo anterior), por lo que debe formatearlo usted mismo:

var date = $("#datetimepicker1").data("datetimepicker").getDate(),
    formatted = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours + ":" + date.getMinutes() + ":" + date.getSeconds();
alert(formatted);

Además, puedes establecer el formato como un atributo:

<div id="datetimepicker1" class="date">
    <input data-format="yyyy-MM-dd hh:mm:ss" type="text"></input>
</div>

y puede usar $("#datetimepicker1").find("input").val();

Answer 2

Dado que el valor de retorno ha cambiado, $("#datetimepicker1").data("DateTimePicker").date() Date $("#datetimepicker1").data("DateTimePicker").date() realidad devuelve un objeto de momento como Alexandre Bourlier declaró:

Parece que el documento evolucionó.

Ahora se debe usar: $ ("# datetimepicker1"). Data ("DateTimePicker"). Date ().

NB: Al hacerlo, se devuelve un objeto Moment, no un objeto Date.

Por lo tanto, debemos usar .toDate () para cambiar esta declaración a una fecha como tal:

$("#datetimepicker1").data("DateTimePicker").date().toDate();

Answer 3

Estoy usando el último Selector de fecha y hora de Bootstrap 3 ( http://eonasdan.github.io/bootstrap-datetimepicker/ )

Así es como debe usar DateTime Picker en línea:

var selectedDate = $("#datetimepicker").find(".active").data("day");

Lo anterior devolvió: 23/03/2017

Answer 4

Intente esto (funcionó para mí), cuando tuve el selector de fecha y hora en línea de boostrap, esta es una forma en la que me selecciono fecha y hora.

var selected_datetime = $("#datetimepicker").data("date");

Answer 5

O pruebe $ ("# datetimepicker"). Data (). Date;

Answer 6

Para llamar a las funciones compatibles con Bootstrap-datetimepikcer, debes usar la sintaxis:

$(''#datetimepicker'').data("DateTimePicker").FUNCTION()

Así que puedes probar la función:

$(''#datetimepicker'').data("DateTimePicker").date();

Documentación: http://eonasdan.github.io/bootstrap-datetimepicker/Functions/

Answer 7

Parece que el documento evolucionó.

Ahora se debe usar: $("#datetimepicker1").data("DateTimePicker").date() .

NB : Al hacerlo, se devuelve un objeto Moment , no un objeto Date.

Answer 8

Probé todos los métodos anteriores y no obtuve el valor correctamente en el mismo format , luego encontré esto.

$("#datetimepicker1").find("input")[1].value;

El código anterior devolverá el valor en el mismo formato que en el selector de fecha y hora.

Esto les puede ayudar a ustedes en el futuro.

Espero que esto haya sido útil ..