nhận được giá trị của bootstrap-DateTimePicker trong javascript

Question

tôi cần để có được giá trị của DateTimePicker trong hàm javascript của tôi, tôi đã làm một cái gì đó như thế này nhưng nó đã không làm việc:

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

nó mang lại cho tôi ' không xác định' bạn có thể vui lòng giúp tôi với

Answer 1

Hoặc sử dụng này:

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

Hoặc (từ nhìn vào mã nguồn trang web):

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

Các giá trị trả về sẽ là một Date (đối với ví dụ đầu tiên ở trên), vì vậy bạn cần phải định dạng nó cho mình:

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

Ngoài ra, bạn chỉ có thể thiết lập định dạng như một thuộc tính:

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

và bạn có thể sử dụng $("#datetimepicker1").find("input").val();

Answer 2

có vẻ như doc phát triển.

Giờ đây, bạn nên sử dụng: $("#datetimepicker1").data("DateTimePicker").date().

NB: Làm như vậy trả lại một Moment object, không phải là một đối tượng Date

Answer 3

Tôi đang sử dụng Bootstrap mới nhất 3 DateTime Picker (http://eonasdan.github.io/bootstrap-datetimepicker/)

Đây là cách bạn nên sử dụng DateTime inline Picker:

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

trên đây trả về: 03/23/2017

Answer 4

Để gọi Bo otstrap-datetimepikcer chức năng hỗ trợ, bạn nên sử dụng cú pháp:

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

Vì vậy, bạn có thể thử các chức năng:

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

Tài liệu: http://eonasdan.github.io/bootstrap-datetimepicker/Functions/