Jquery clockpicker on hide get the time

Question

I am using the Jquery clockpicker (https://github.com/weareoutman/clockpicker). Is there a way that you don't have to push the "Done" button to get the new time in the input field?

I have tried jQuery Clockpicker afterHourSelect but when I log out the hours and minutes, they are both undefined

to access to the DOM object of clockpicker is console($('.clockpicker').clockpicker()) — Álvaro Touzón, Feb 22 '17 at 06:35

score 0 · Answer 1 · answered Feb 22 '17 at 06:43

You need to set data-autoclose="true" and clock picker will close as soon as you select time.

<div class="input-group clockpicker" data-placement="left" data-align="top" data-autoclose="true">
    <input type="text" class="form-control" value="13:14">
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-time"></span>
    </span>
</div>

Or you can initialize something like this in javascript:

var input = $('#single-input').clockpicker({
    placement: 'bottom',
    align: 'left',
    autoclose: true,
    'default': 'now'
});

For more documentation you can refer here

Jquery clockpicker on hide get the time

1 Answers1