datetimepicker bootstrap eonasdan

Question

我需要在datetimepicker中獲取更改的值。 我試圖

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

和：

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

但結果是變更前的值。

請幫我理解。

Answer 1

我認爲這是你想要的（只需編輯$('input')與元素ID或類名： 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 
});