日期时间选择器引导 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

我认为这就是您想要的（只需使用您的元素 ID 或类名编辑 $('input')： 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
 });