网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
轻量级、用户体验好的jQuery时间选择插件,用户通过单击向上/向下箭头,选择所需的小时和分钟。
1. 在页面中加载jQuery库和时间选择插件文件。
<script src="jquery.slim.min.js"></script>
<link rel="stylesheet" href="timepicker.min.css" />
<script src="timepicker.min.js"></script>
2.创建一个时间选择字段。
<input type="text" class="bs-timepicker" />
3. 初始化时间选择插件。
$(function () {
$('.bs-timepicker').timepicker();
});
4. 自定义默认样式。
.timepicker {
position: absolute;
z-index: 1000;
float: left;
width: 160px;
padding-bottom: 5px;
margin: 2px 0 0 0;
list-style: none;
font-size: 14px;
text-align: center;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
转载请注明来源:轻量级好用的jQuery时间插件
本文永久链接地址:https://www.moyouyouw.cn/code/930.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论