uzyskać wartość bootstrap-DateTimePicker w javascript

Question

Potrzebuję uzyskać wartość DateTimePicker w mojej funkcji javascript, zrobiłem coś takiego, ale to nie działa:

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

daje mi ' nieokreślone” Czy możesz mi pomóc z tym

Answer 1

użyć:

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

Albo (patrząc w źródle strony):

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

Zwrócona wartość będzie Date (za pierwszym przykładzie powyżej), więc trzeba go sformatować siebie:

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

Ponadto, można po prostu ustawić format jako atrybut:

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

i można użyć $("#datetimepicker1").find("input").val();

Answer 2

wydaje doc ewoluowały.

Należy teraz użyć: $("#datetimepicker1").data("DateTimePicker").date().

NB: Robi więc zwrócić Moment object, a nie obiekt Date

Answer 3

używam najnowszego Bootstrap 3 DateTime Picker (http://eonasdan.github.io/bootstrap-datetimepicker/)

ten sposób należy użyć DateTime Picker inline:

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

powyższy powrócił: 03/23/2017

Answer 4

Aby wywołać Bo otstrap-datetimepikcer funkcje obsługiwane, należy użyć składni:

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

Więc można wypróbować funkcję:

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

Dokumentacja: http://eonasdan.github.io/bootstrap-datetimepicker/Functions/