2020-09-03
非常简单的Bootstrap时间组件(月-日-时-分)可自由组合
贴效果图:
原本只有选择 时-分,在此基础上修改源码添加了,月-日(1-31天)。
整体js与css比较简单,进行自我修改源码也时分方便,在这里感谢原作者。
转载于https://blog.****.net/weixin_30526593/article/details/95480363
开始:
先引入bootstrap依赖:
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
在引入timepicker文件
<link rel="stylesheet" href="css/timepicker/timePicker.css"><script src="js/timepicker/jquery-timepicker.js"></script>
js与css网盘 连接:
链接:https://pan.baidu.com/s/13prm_DA9EiQCf1ceYkVIrA
提取码:rqa9
复制这段内容后打开百度网盘手机App,操作更方便哦
注册,调用
$("#day_input").hunterTimePicker();//显示时-分 $("#month_input").hunterTimePickerD();//显示日子,1-31
注意:
hunterTimePicker();方法是原方法,调用后显示的时-分,
hunterTimePickerD();方法是我修改源码增加的方式,调用后显示图一,1-31天