如何在 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());
}