Twitter的bootstrap日期时间选择器

Question

Hi I am using the following plugin to show datetime in my input fields the problem is that i can't get the value and can't understand how to do it. The plugin . I can't understand what is the function but for sure this is not working:

HTML:

<div class="input-append date datetimepicker" data-date="12-12-2012"
data-date-format="dd-mm-yyyy">
   <input class="span2" size="16" type="text" value="12-12-2012">
   <span class="add-on"><i class="icon-th"></i></span>
</div>

<div id="view"></div>

JS:

$(document).ready(function() {
   $('.datetimepicker').datetimepicker({
     format: 'dd-mm-yyyy hh:ii',
     todayBtn: true,
     pickerPosition: "bottom-left"
   });
});

$(document.body).on('change', ".datetimepicker", function(e){
   var date = $(".datetimepicker").getDate();
   $("#view").html(date);
});

I get the error

Object [object Object] has no method 'getDate'

So clearly I have some error but can't find it and in documentation I can't find how to extract the date from the field. Please help!

Answer 1

$('.datetimepicker').datetimepicker().on('changeDate', function(ev){
    console.log(ev.date.valueOf());
});

or

$(document.body).on('change', ".datetimepicker", function(e){
   var date = e.date.valueOf();
   $("#view").html(date);
});

Answer 2

$(document.body).on('changeDate', ".datetimepicker", function(e){
   var date = e.date.valueOf();
   $("#view").html(date);
});

Answer 3

$(document).ready(function() {
  $('.datetimepicker')
  .datetimepicker({
    format: 'dd-mm-yyyy hh:ii',
    todayBtn: true,
    pickerPosition: "bottom-left"
  })
  .on('changeDate', function(ev){
     $("#view").html(ev.date.valueOf());
  });

});

OK, I've done this is the code I needed thanks to @acudars and @rps