基于Bootstrap的时分秒选择控件timepicker

最近项目中要用到时间选择控件，然而研究了半天并没有发现 bootstrap-datetimepicker 控件只选择时分秒的配置方法。自己动手，丰衣足食，索性就用自己半路出家的功力写一个。成品简单实用，缺点是功能单一、依赖jQuery和bootstrap(css部分)。不废话了直接上代码

添加引用、依赖

 <!-- 依赖bootstrap, jQuery --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><!-- timepicker.js --><link rel="stylesheet" href="timepicker.css" /><script src="timepicker.js"></script>

html代码

<input class="form-control mytimepicker" value="00:30:59">

js代码

$('.mytimepicker').timePicker();

效果图

源码：timePicker.iTheo
https://download.csdn.net/download/itheochan/11826891

基于Bootstrap的时分秒选择控件timepicker相关推荐

bootstrap之双日历时间段选择控件—daterangepicker(汉化版)
jQuerybootstrapdaterangepicker汉化版双日历时间段选择插件 - daterangepicker是bootstrap框架后期的一个时间控件,可以设定多个时间段选项,也可以自 ...
基于 bootstrap 3 的时间日期控件 datetimepicker 例子完整源码
来源: DateTime Picker · Bootstrap 这是目前能找到的,不需要什么币就能下载的,唯一可直接正常使用的 datetimepicker 中文版例子. 例子页面简单做了修改,改成了 ...
基于JEECG制作一个通用的级联字典选择控件-DictCascadeUniversal
字典是所有MIS系统不可缺少的重要组成部分.为减少输入,标准化输入内容,使得数据更加准确地被输入.往往需要在数据库中配置各种各样的字典表.如下图: 而绝大部分字典的字段简单,且高度一致.建议一个通用的 ...
python webkit内核_Winform调用WebKitBrowser，基于chrome内核WebKit的浏览器控件
在C#中,默认的WebBrowser控件默认使用的是IE的core,而IE的种种遭人吐槽的诟病使我不敢轻易使用WebBrowser,因此,打算使用Chrome的内核替换IE.Chrome的内核使用的是 ...
【仿汽车之家】价格区间选择控件
仿照汽车之家iOS客户端"找车"栏目的价格区间选择控件,最终实现效果如下: 一.界面实现 *根据屏幕大小以及刻度的大小,宏定义需要用到的一些值 #define SCREENW [U ...
android double比较大小吗,Android双向选择控件DoubleSeekBar使用详解
本文实例为大家分享了Android双向选择控件DoubleSeekBar的使用方法,供大家参考,具体内容如下先看效果图 1.DoubleSlideSeekBar public class Doubl ...
altas(ajax)控件(二十三)：等级选择控件Rating
一. 简介等级选择控件Rating提供了一种全新的方式来进行等级选择,在以往的web上我们只能通过使用特殊字符"☆"来表达等级,有了等级选择控件Rating我 ...
选择控件— UI组件系列
重点 (Top highlight) The word "toggle" is a reference to a switch with a short handle that a ...
WPF地区选择控件（内附下载地址）
最近使用WPF做了一个地区选择控件,可以提供省.市.地区.县等名称的快速录入.查询使用的是Lucene组件(主要是想体验一下牛刀杀鸡) 功能列表: 支持汉字.全拼.简拼的快速搜索支持光标键和鼠标滚轮 ...

基于Bootstrap的时分秒选择控件timepicker

基于Bootstrap的时分秒选择控件timepicker

添加引用、依赖

html代码

js代码

效果图

基于Bootstrap的时分秒选择控件timepicker相关推荐

最新文章

热门文章