日期时间选择器引导程序

Question

I need to get the changed value in the datetimepicker. I tried

   $('#startDate').datetimepicker().on('dp.change', function (event) {
      console.log(event.date);
   });

And :

   $('#startDate').datetimepicker().on('dp.hide', function (event) {
      console.log(event.date);
   });

But the result is the value before the change.

Help me to understand please.

Answer 1

i think this is what you want (just edit the $('input') with your element ID or class name: https://jsfiddle.net/yqgxd472/

<div class="container">
  <div class="row">
    <div class='col-sm-6'>
    <br>
    <br>
    <br>
      <div class="form-group">
        <div class='input-group date' id='datetimepicker1'>
          <input type='text' class="form-control" />
          <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>

js:

 $(function() {
   $('input').datetimepicker({
   format: 'YYYY-MM-DD H:m:s'
   });
 });

 $('input').datetimepicker().on('dp.change', function(event) {
   console.log(moment(event.date).format('YYYY-MM-DD')); // using moment.js
 });