logo
image
Timotheus Bendan
Sales Manager
Profile Inbox Settings Logout
Clock picker
  • Shopping Cart
    ...
    Digital clock
    1 x $1.190,90
    ...
    Toy Car
    1 x $139.58
    ...
    Sunglasses
    2 x $50,90
    ...
    Cake
    1 x $10,50
    Sub Total : $1.442,78

A clock-style timepicker for Bootstrap (or jQuery). Demo page.

Usage

To use the plugin, you need to add the following files.

<!-- CSS -->
<link rel="stylesheet" href="libs/clockpicker/bootstrap-clockpicker.min.css" type="text/css">

<!-- Javascript -->
<script src="libs/clockpicker/bootstrap-clockpicker.min.js"></script>

Basic Example

<div class="input-group clockpicker">
    <input type="text" class="form-control" value="09:30"  aria-describedby="button-addon1">
    <button class="btn btn-light" type="button" id="button-addon1">
        <i class="bi bi-clock"></i>
    </button>
</div>
$('.clockpicker').clockpicker();

Auto close

You must add the autoclose:true attribute.

$('.clockpicker-autoclose').clockpicker({
    autoclose: true
});
On this page