ClockPicker / Улучшение / Плагины Bootstrap | BootstrapТема

1
2
3
4
5

Версия: v1.0.1

Каталог: Плагины Bootstrap

Категория: Улучшение

Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify

Язык: Английский

Вес файла: 409.0 Kb

Уникальный ID: 1782

Посмотрели: 1670 раз

Скачать бесплатно

Помощь: установка & настройка

Скачали бесплатно: 24 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 2 голосов

Тип лицензии: CC BY 4.0

Авторство: https://github.com/weareoutman/clockpicker

Информация: Пользователям

Информация: Правообладателям

Теги: Plugin, Clock, Bootstrap

Поделился: BootstrapТема

Добавлено: 2017-02-04 в 14:27

Метка: 1588863482

⇄ ⇅

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="https://bootstraptema.ru/plugins/2017/clockpicker/bootstrap-clockpicker.css">

<div class="container"><div class="row"><div class="col-sm-4 col-sm-offset-4">

<div class="input-group clockpicker" data-placement="right" data-align="top" data-autoclose="true">
 <input id="demo-input" type="text" class="form-control" value="09:32">
 <span class="input-group-addon">
 <span class="glyphicon glyphicon-time"></span>
 </span>
</div>

</div></div></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://bootstraptema.ru/plugins/2017/clockpicker/bootstrap-clockpicker.js"></script>

<script>
// $('.clockpicker').clockpicker()
// .find('input').change(function(){
// console.log(this.value);
// });
$('#demo-input').clockpicker({
 autoclose: true
});
if (something) {
 $('#demo-input').clockpicker('show')
 .clockpicker('toggleView', 'minutes');
}
</script>