How to get value of date time picker bootstrap in Javascript

Question

I have tried to print out the date-time picker value in the console but nothing works.

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);

DateTime picker

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

My expected result is when the DateTime value was changed, the value of the date-time picker will be printed on the console.

Check this , you might to use the onchange event for that : malot.fr/bootstrap-datetimepicker — Harmandeep Singh Kalsi
– Harmandeep Singh Kalsi, Commented Jun 12, 2020 at 5:17

Prasanth M P · Accepted Answer · 2020-06-12 05:24:13Z

1

Better to initialize datepicker on input element rather than div

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

And you can use datepicker on change function

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

answered Jun 12, 2020 at 5:24

Prasanth M P

8581 gold badge6 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Adam Fiqrie Putra Over a year ago

thanks for your time sir but what i got 4 field of timepicker how do i initialise it?

Collectives™ on Stack Overflow

How to get value of date time picker bootstrap in Javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related