如何在 Javascript 中获取日期时间选择器引导程序的值

Question

我试图在console中打印出日期时间选择器值，但没有任何效果。

HTML

<div class="form-group">
  <label for="sm" class="control-label col-lg-2 col-sm-4">{{ __('messages.assetmgt.warrantyeffectivedate') }}</label>
  <div id="myDate" class="col-sm-6 input-group bootstrap-timepicker">
     <input class="input-sm form-control"  type="text" name="awEffectiveDateWeb" id="awEffectiveDateWeb" readonly/>
     <span class="input-group-addon try dateTimePickerButton" id="awEffectiveDate"><span class="fa fa-calendar"></span></span>
  </div
</div>

JS

var value = $("#myDate").datetimepicker("getDate");
console.log(value);

日期时间选择器

$(document).ready(function() {
    $('.bootstrap-timepicker').datetimepicker({
        format: 'DD/MM/YYYY HH:mm:ss'
    });
});

我的预期结果是当 DateTime 值更改时，日期时间选择器的值将打印在控制台上。

Answer 1

最好在输入元素而不是 div 上初始化 datepicker

$('#awEffectiveDateWeb').datetimepicker({
     format: 'DD/MM/YYYY HH:mm:ss'
});

您可以使用 datepicker 更改 function

$('#awEffectiveDateWeb').on('dp.change', function() {
   console.log($(this).val());
}